Найти в Дзене
SeoPulses

Как посмотреть мобильную версию сайта с компьютера?

Оглавление

Возможность посмотреть мобильную версию сайта с компьютера — это полезный навык, который пригодиться дизайнерам, тестировщикам, маркетологам и специалистам, часто работающим с сайтом.

Видеоинструкция

В Google Chrome

Для того, чтобы открыть мобильную версию сайта с компьютера потребуется открыть Google Chrome и перейти на нужный URL после чего кликнуть правой клавиши мыши в любом месте экрана и в выпавшем меню выбрать пункт «Посмотреть код».

В правом-верхнем углу кликаем на значок «Мобильный телефон».

-2

Теперь сайт открыт с мобильного телефона, а при необходимости можно сменить вид на нужный смартфон/планшет, где справа будет указано расширение.

-3

Также доступно изменение масштаба.

-4

Дополнительно можно выбрать способ отображения (online/offline).

-5

При необходимости стоит изменить ориентацию экрана на альбомную или стандартную.

-6

В Mozilla Firefox

Посмотреть мобильную версию сайта с компьютера в Mozilla можно аналогично кликнув в любую точку сайта правой клавишей мыши и в меню выбрав «Исследовать элемент».

-7

Далее в нижнем-правом углу потребуется выбрать вид «Мобильный телефон».

-8

При необходимости нажав на «Адаптивный» можно выбрать нужную модель смартфона.

-9

Справа можно настроить разрешение экрана (настраивается вручную).

-10

Далее идет возможность изменить ориентацию экрана.

-11

После можно изменить DPR (Соотношение пикселей устройства к снимку экрана).

-12

Как и в Google Chrome можно изменить способ подключения на 2G, 3G, GPS, 4G или

  • Без ограничения;
  • GPRS;
  • Regular 2G;
  • Goog 2G;
  • Regular 3G;
  • Good 3G;
  • Regular 4G/LTE;
  • DSL;
  • Wi-Fi.
-13

Также при необходимости можно включить имитацию устройства (требует перезагрузки браузера).

-14

Ручной метод

В случае отсутствия навыков работы с консолью разработчика можно вручную изменить параметры экрана, изменяя размер браузера. Например, потянув за один из углов или стенок браузера можно сжать его до разрешений мобильного телефона или любого другого устройства.

-15

Для чего это нужно?

Данный навык будет полезен при:

  • Проверки корректности отображения верстки сайта;
  • Тестировании турбо-страниц (в том числе и для интернет-магазинов) и AMP;
  • Тестировании мобильной выдачи.

Источник: https://seopulses.ru/kak-posmotret-mobilnuyu-versiyu-sayta-s-kompyutera/

Подписывайтесь на наш Telegram-канал

Подписывайтесь на наш Youtube-канал

Подписывайтесь на нашу группу ВКонтакте