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

Автор  Понедельник, 22 января 2018
Оцените материал
(29 голосов)

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

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

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

Прочитано 66448 раз

Комментарии   

-1 #12 Vadivan 21.10.2021 18:49
Цитирую В:
Обратно ни хера не переключается с мобильной версии

Просто при нажатии на эту кнопку ещё раз, прекрасно возвращается обычная версия. В крайнем случае, можно выключить редактор.
Цитировать
0 #11 В 17.10.2021 16:16
Обратно ни хера не переключается с мобильной версии
Цитировать
0 #10 twelve 08.04.2020 13:09
Все работает спасибо проверял
Цитировать
0 #9 Slava 10.08.2019 13:22
Спасибо. Работает.
Цитировать
0 #8 Vlad 08.06.2019 15:33
Максим, ты не прав.
Цитировать
0 #7 Vadivan 08.05.2019 12:59
Макс, не вводите людей в заблуждение попыткой рекламы своей группы в ВК. Я специально изменил ссылку, чтобы люди не увидели вашей группы.
По делу, я специально прикрепил дополнительные снимки экранов, для сравнения мобильной версии через браузер и мобильного телефона. Найдите что называется 10 отличий.Их нет. Способ работает, а если не работает, то не надо на зеркало пенять, коли....
Цитировать
+3 #6 Макс 07.05.2019 19:13
Точно - это БРЕД!!! При данном "способе" всего лиши уменьшается размер экрана в браузере, НО в нём по-прежнему оказывается именно КОМПЬЮТЕРНАЯ версия сайта!!!

Показываю на простом примере: есть сайт ВКонтакте, страница https://m.vk.com/velovek Всего лишь обратите внимание на ШАПКУ - в компьютере и на телефоне! Вот вам всем и простой ответ о полной бесполезности этой "фичи" ))))
Цитировать
-1 #5 Vadivan 24.04.2019 11:07
Иван, спасибо за отзыв. Это действительно самый простой и рабочий способ.
Дмитрий, возможно вы не выбрали вариант мобильного телефона. Я этим способом пользуюсь достаточно давно. И пробовал на других сайтах, если есть мобильная версия, а не адаптивная, то он именно на неё переходит.
Цитировать
0 #4 Иван 23.04.2019 16:29
не слушайте их, спасибо большое за совет , ломал голову с дурацкими расширениями пока не набрел на вашу полезную статью , для меня как новичка в сайтостроении это очень помогло в разработке мобильной версии сайта
Цитировать
+3 #3 Дмитрий 15.02.2019 14:39
Этот способ не дает просмотр мобильной версии, а уменьшает разрешение экрана сайта. Мобильная версия не активируется.
Цитировать
-1 #2 Vadivan 19.09.2018 16:07
Почему не работает? Поподробнее можете описать проблему. Данный способ работает не только в Хроме, но и в других браузерах на его движке. Например в Яндекс Браузере.
Цитировать
+2 #1 йцу 18.09.2018 19:52
да не работает этот бред!!!!!!!!!!!!!!!!!!!!
Цитировать

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

Использовать прямые ссылки в комментариях запрещено. Если хотите поделиться полезной ссылкой, вводите адрес без http или https.
Сообщения от незарегистрированных пользователей попадают на модерацию.

Это интересно

Последние комментарии