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

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

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

Многие из вас конечно знают, что для того, чтобы посмотреть как отображается сайт на мобильных устройствах, можно просто менять размер браузера растягивая его за края.

Такой способ имеет место, но он не всегда удобен, ведь как-никак нужно выходить за рамки привычного использования браузера. Есть другой способ, о котором вы возможно не догадывались, причем этот способ позволяет имитировать просмотр сайта на любых устройствах.

Ко всему прочему данный способ очень простой, без заморочек, но он скрыт от глаз неискушенных пользователей, поэтому о нем знают далеко не все.

Ну что, готовы разобраться? Тогда поехали!

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

Итак, чтобы посмотреть мобильную версию сайта, мы будем использовать режим разработчика в браузере. Я покажу на примере Google Chrome, но этот принцип работает и для других браузеров, поэтому сориентироваться будет несложно.

Открываем нужный сайт и переходим в режим разработчика нажав клавишу F12 или комбинацию Ctrl + Shift + I

Еще один способ открыть режим разработчика, это кликнуть на пустом месте правой кнопкой мыши и выбрать опцию “Посмотреть код

Посмотреть код страницы в браузере

В открывшемся окне нажимаем на иконку версий сайта “Togle device toolbar” или можно открыть данную опцию комбинацией клавиш Ctrl + Shift + M

Togle device toolbar

Откроется мобильная версия сайта, а нажимая на прямоугольные полоски вверху, есть возможность смотреть отображение сайта на разных устройствах.

Выбор версий сайта в режиме разработчика

Открыв список “Dimentions” есть возможность посмотреть отображение сайта с различных моделей телефонов.

Dimentions

Чтобы закрыть панель разработчика, жмем крестик на самой панели справа вверху или закрываем повторным нажатием F12 или комбинацией клавиш.

Вот такой простой способ посмотреть мобильную версию сайта. Я считаю, что данный способ намного удобней, чем менять размер браузера. А вы как считаете?

Если инструкция была полезна, поставьте оценку, поделитесь с друзьями. До связи!

Задать вопрос или предложить идею
Руслан Ошаров
Руслан Ошаров
Основатель и технический руководитель серии образовательных проектов Rosh School
Написать

Нажмите любую кнопку, чтобы помочь блогу развиваться!
Компьютерная Грамотность Бесплатно | Осваиваем ПК и Интернет
Добавить комментарий

Нажимая на кнопку "Отправить комментарий", я соглашаюсь с политикой конфиденциальности