Просмотр мобильной версии сайта через Google Chrome на компьютере (ПК)

Просмотр мобильной версии сайта через Google Chrome на компьютере (ПК)

Для того чтобы протестировать как ваш сайт выглядит на различных мобильных устройствах можно воспользоваться браузером Google Chrome. В нём можно выбрать различные устройства с различным разрешением и как на них будет выглядеть ваш сайт. Для этого достаточно:

  1. В браузере нажать F12 и перейти в режим разработчика.
  2. Нажать иконку мобильных устройств, как на скриншоте. 
  3. Тестировать и настраивать вашу мобильную версию.

Сравнение мобильной версии и через браузер chrome

Добавить комментарий

Комментарии  
-1

Цитирую В:

Обратно ни хера не переключается с мобильной версии


Просто при нажатии на эту кнопку ещё раз, прекрасно возвращается обычная версия. В крайнем случае, можно выключить редактор.
Обратно ни хера не переключается с мобильной версии
Все работает спасибо проверял
Спасибо. Работает.
Максим, ты не прав.
Макс, не вводите людей в заблуждение попыткой рекламы своей группы в ВК. Я специально изменил ссылку, чтобы люди не увидели вашей группы.
По делу, я специально прикрепил дополнительные снимки экранов, для сравнения мобильной версии через браузер и мобильного телефона. Найдите что называется 10 отличий.Их нет. Способ работает, а если не работает, то не надо на зеркало пенять, коли....
+3
Точно - это БРЕД!!! При данном "способе" всего лиши уменьшается размер экрана в браузере, НО в нём по-прежнему оказывается именно КОМПЬЮТЕРНАЯ версия сайта!!!

Показываю на простом примере: есть сайт ВКонтакте, страница https://m.vk.com/velovek Всего лишь обратите внимание на ШАПКУ - в компьютере и на телефоне! Вот вам всем и простой ответ о полной бесполезности этой "фичи" ))))
-1
Иван, спасибо за отзыв. Это действительно самый простой и рабочий способ.
Дмитрий, возможно вы не выбрали вариант мобильного телефона. Я этим способом пользуюсь достаточно давно. И пробовал на других сайтах, если есть мобильная версия, а не адаптивная, то он именно на неё переходит.
не слушайте их, спасибо большое за совет , ломал голову с дурацкими расширениями пока не набрел на вашу полезную статью , для меня как новичка в сайтостроении это очень помогло в разработке мобильной версии сайта
+3
Этот способ не дает просмотр мобильной версии, а уменьшает разрешение экрана сайта. Мобильная версия не активируется.
-1
Почему не работает? Поподробнее можете описать проблему. Данный способ работает не только в Хроме, но и в других браузерах на его движке. Например в Яндекс Браузере.
+2
да не работает этот бред!!!!!!!!!!!!!!!!!!!!
(29 Votes)

Поиск по сайту