Возможность посмотреть мобильную версию сайта с компьютера — это полезный навык, который пригодиться дизайнерам, тестировщикам, маркетологам и специалистам, часто работающим с сайтом.
Видеоинструкция
В Mozilla Firefox
Посмотреть мобильную версию сайта с компьютера в Mozilla можно аналогично кликнув в любую точку сайта правой клавишей мыши и в меню выбрав «Исследовать элемент».
![Переход в просмотр мобильной версии сайта в Mozilla Firefox](https://seopulses.ru/wp-content/uploads/2020/03/1-1024x522.png)
Далее в нижнем-правом углу потребуется выбрать вид «Мобильный телефон».
![Переход в просмотр мобильной версии сайта в Mozilla Firefox](https://seopulses.ru/wp-content/uploads/2020/03/7-1024x488.png)
При необходимости нажав на «Адаптивный» можно выбрать нужную модель смартфона.
![Изменение вида смартфона в Mozilla Firefox для мобильной версии сайта](https://seopulses.ru/wp-content/uploads/2020/03/8.png)
Справа можно настроить разрешение экрана (настраивается вручную).
![Изменение разрешения в Mozilla Firefox для мобильной версии сайта](https://seopulses.ru/wp-content/uploads/2020/03/9.png)
Далее идет возможность изменить ориентацию экрана.
![Изменение ориентации страницы в Google Chrome для мобильной версии сайта](https://seopulses.ru/wp-content/uploads/2020/03/6.png)
После можно изменить DPR (Соотношение пикселей устройства к снимку экрана).
![Изменение DPR в Mozilla Firefox для мобильной версии сайта](https://seopulses.ru/wp-content/uploads/2020/03/12-1024x486.png)
Как и в Google Chrome можно изменить способ подключения на 2G, 3G, GPS, 4G или
- Без ограничения;
- GPRS;
- Regular 2G;
- Goog 2G;
- Regular 3G;
- Good 3G;
- Regular 4G/LTE;
- DSL;
- Wi-Fi.
![Изменение подключения к интернету в Mozilla Firefox для мобильной версии сайта](https://seopulses.ru/wp-content/uploads/2020/03/13-1024x500.png)
Также при необходимости можно включить имитацию устройства (требует перезагрузки браузера).
![Имитация устройств в Mozilla Firefox для мобильной версии сайта](https://seopulses.ru/wp-content/uploads/2020/03/14-1024x393.png)
В Google Chrome
Для того, чтобы открыть мобильную версию сайта с компьютера потребуется открыть Google Chrome и перейти на нужный URL после чего кликнуть правой клавиши мыши в любом месте экрана и в выпавшем меню выбрать пункт «Посмотреть код».
![Посмотреть код для просмотра мобильной версии сайта в Google Chrome](https://seopulses.ru/wp-content/uploads/2020/03/10-1024x472.png)
В правом-верхнем углу кликаем на значок «Мобильный телефон».
![Переход в просмотр мобильной версии сайта в Google Chrome](https://seopulses.ru/wp-content/uploads/2020/03/2.png)
Теперь сайт открыт с мобильного телефона, а при необходимости можно сменить вид на нужный смартфон/планшет, где справа будет указано расширение.
![Изменение модели смартфона в Google Chrome для мобильной версии сайта](https://seopulses.ru/wp-content/uploads/2020/03/3.png)
Также доступно изменение масштаба.
![Изменение масштаба в Google Chrome для мобильной версии сайта](https://seopulses.ru/wp-content/uploads/2020/03/4.png)
Дополнительно можно выбрать способ отображения (online/offline).
![Изменение ориентации страницы в Google Chrome для мобильной версии сайта](https://seopulses.ru/wp-content/uploads/2020/03/5.png)
При необходимости стоит изменить ориентацию экрана на альбомную или стандартную.
![Изменение ориентации страницы в Google Chrome для мобильной версии сайта](https://seopulses.ru/wp-content/uploads/2020/03/6.png)
Ручной метод
В случае отсутствия навыков работы с консолью разработчика можно вручную изменить параметры экрана, изменяя размер браузера. Например, потянув за один из углов или стенок браузера можно сжать его до разрешений мобильного телефона или любого другого устройства.
![Ручное изменение размера браузера и экрана сайта](https://seopulses.ru/wp-content/uploads/2020/03/16.png)
Подписывайтесь на наш канал в Яндекс.Дзен
Подписывайтесь на наш Telegram-канал
Подписывайтесь на наш Youtube-канал
Подписывайтесь на нашу группу ВКонтакте