Testuj i łatwo prezentuj responsywne strony internetowe innym osobom za pomocą wymiarów

click fraud protection

Dostęp do stron internetowych jest coraz częściej uzyskiwany z urządzeń mobilnych zamiast komputerów. Podczas przeglądania na tablecie lub telefonie komórkowym nie wszystkie witryny skalują się odpowiednio, aby wyświetlać interfejs przyjazny dla urządzeń mobilnych. Aby rozwiązać ten problem, właściciele witryn mogą wybrać dedykowaną wersję mobilną ich stronę internetową lub opracować responsywny projekt skalowany w zależności od urządzenia, do którego uzyskuje się dostęp na. To jest jak aplikacja Wymiary przydaje się. Jest to prosta aplikacja internetowa dla programistów, projektantów i właścicieli witryn, która pozwala wyświetlać dowolne witryny w przeglądarce tak, jak wyglądają na trzech różnych typach urządzeń: telefony komórkowe, tablety i komputery PC. Aplikacja jest doskonała zarówno do testowania, jak i demonstracji cele.

Użytkownicy Firefoksa mogą nie potrzebować dużych wymiarów dzięki Responsive Design Tool. Nawet przy użyciu tego narzędzia nie można udostępniać wyników komuś innemu - coś, co pozwala na to Wymiary. Usługa jest łatwa w użyciu i ma przejrzysty interfejs. Strona docelowa pozwala przetestować aplikację z już dodanym adresem URL. Kliknij kartę „Zaprezentuj witrynę” i wprowadź adres URL witryny, nad którą pracujesz. Możesz także dodać niestandardowy tytuł witryny, który pojawi się na stronie podglądu.

instagram viewer

Witryna z wymiarami

Naciśnij „Present Site”, a nastąpi przekierowanie do witryny w ramce o rozmiarze dopasowanym do rozmiaru ekranu telefonu komórkowego. Wprowadzony tytuł pojawi się w lewym górnym rogu, a prawa strona będzie poświęcona przyciskom umożliwiającym przejście do innego widoku. Wymiary pozwala przeglądać stronę internetową w trybie pionowym i poziomym. Obsługiwane wymiary obejmują 320 × 480 dla telefonów komórkowych, 1026 × 770 dla tabletów i pełne, tj. Tak duże, jak okno przeglądarki może przejść do widoku na komputer.

Wymiary

Nie ma żadnych opcji udostępniania dla wyświetlanego widoku, tzn. Nie masz linku ani żadnych mediów społecznościowych przyciski, które pozwolą Ci udostępnić projekt publicznie lub prywatnie, ale adres URL strony to wszystko potrzeba. Wklej go w dowolnym miejscu, a ktokolwiek kliknie link, zobaczy dokładnie to, co widzisz na swoim końcu.

Wymiary różnią się od innych aplikacji internetowych, które oferują tę samą funkcjonalność, ponieważ umożliwiają przeglądanie witryny internetowej w różnych orientacjach ekranu. To nie wystarcza, gdy myślisz o innej rozdzielczości ekranu w każdej kategorii. Gdyby miał większy wybór rozdzielczości ekranu telefonu komórkowego i tabletu, byłby znacznie bardziej użyteczny. Ponieważ responsywne projektowanie jest uruchamiane przez rozdzielczość ekranu, wiedz, jak będzie wyglądać Twoja witryna na popularnych urządzeniach mobilnych o wysokiej rozdzielczości urządzenia takie jak Galaxy Note lub jeden z wielu innych telefonów komórkowych o rozdzielczości ekranu większej niż 320 × 480 byłyby dobre funkcja.

Odwiedź Wymiary

watch instagram story