Przełącz na widok mobilny

Podgląd dowolnej strony w telefonie komórkowym za pomocą jednego kliknięcia.

Współcześni użytkownicy sieci nie siedzą w miejscu. Przeskakują z 27-calowych monitorów w pracy na kieszonkowe ekrany w pociągu i oczekują, że każda strona będzie skrojona na miarę dla obu. Dla projektantów, programistów, marketerów, a nawet codziennych użytkowników o dużym potencjale, rodzi to codzienne pytanie: „Jak ta strona będzie wyglądać na prawdziwym telefonie?”. Własne narzędzia deweloperskie Chrome mogą na nie odpowiedzieć — po przekopaniu się przez menu, panele i gąszcz ramek urządzeń. Przejście na widok mobilny skraca tę podróż do jednego kliknięcia lub skrótu, Kliknij ikonę paska narzędzi (lub naciśnij Alt + M), a bieżąca strona zostanie natychmiast ograniczona do widoku wielkości telefonu komórkowego. Miękkie szare tło izoluje stronę od reszty okna przeglądarki, dzięki czemu Twoja treść jest gwiazdą, a jednocześnie wizualnie przypomina Ci, że widok mobilny jest aktywny. W rogu unosi się mała odznaka wyświetlająca bieżące ustawienia urządzenia — zaczynając od iPhone'a 14, Rozszerzenie jest dostarczane z trzema najczęściej żądanymi punktami przerwania — iPhone 14 (390 × 844 px), Pixel 7 (412 × 915 px) i iPad mini (768 × 1024 px). Każdy preset dostosowuje znacznik meta viewport, szerokości elementów i zachowanie przewijania, aby naśladować wrażenia z wybranego urządzenia. Kto na tym korzysta? Programiści front-end mogą wykrywać regresje układu w ciągu kilku sekund bez konieczności otwierania narzędzi DevTools — co jest przydatne w przypadku żonglowania wieloma gałęziami lub serwerami przejściowymi. Projektanci UI/UX mogą szybko sprawdzić poprawność swoich projektów przed przekazaniem ich inżynierom. Zespoły ds. zapewniania jakości mogą tworzyć skrypty skrótów klawiaturowych w zautomatyzowanych zestawach testowych w celu szybszego przeprowadzania testów. Twórcy treści i specjaliści ds. marketingu przeglądają biuletyny informacyjne, strony docelowe i elementy osadzone w mediach społecznościowych, aby zapewnić czytelność na małych ekranach. Agenci obsługi klienta odtwarzający problemy zgłaszane przez użytkowników urządzeń mobilnych nie muszą już korzystać z urządzeń fizycznych ani symulatorów. Nauczyciele i uczniowie zgłębiający koncepcje projektowania responsywnego otrzymują łatwy w obsłudze, wymagający zezwolenia, obszar testowy. Niezależnie od tego, czy dopracowujesz proces realizacji zamówienia na kilka minut przed jego uruchomieniem, czy prowadzisz zajęcia dla grupy początkujących programistów, to rozszerzenie dopasowuje się do Twojego procesu pracy niemal bez konieczności uczenia się.