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

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

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

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

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

Комментарии (12)

  • Вадиван Четверг, 21 октября 2021
    [quote name="В"]Обратно ни хера не переключается с мобильной версии[/quote]
    Просто при нажатии на эту кнопку ещё раз, прекрасно возвращается обычная версия. В крайнем случае, можно выключить редактор.
  • В
    В Воскресенье, 17 октября 2021
    Обратно ни хера не переключается с мобильной версии
  • t
    twelve Среда, 08 апреля 2020
    Все работает спасибо проверял
  • S
    Slava Суббота, 10 августа 2019
    Спасибо. Работает.
  • V
    Vlad Суббота, 08 июня 2019
    Максим, ты не прав.
  • Вадиван Среда, 08 мая 2019
    Макс, не вводите людей в заблуждение попыткой рекламы своей группы в ВК. Я специально изменил ссылку, чтобы люди не увидели вашей группы.
    По делу, я специально прикрепил дополнительные снимки экранов, для сравнения мобильной версии через браузер и мобильного телефона. Найдите что называется 10 отличий.Их нет. Способ работает, а если не работает, то не надо на зеркало пенять, коли....
  • М
    Макс Вторник, 07 мая 2019
    Точно - это БРЕД!!! При данном "способе" всего лиши уменьшается размер экрана в браузере, НО в нём по-прежнему оказывается именно КОМПЬЮТЕРНАЯ версия сайта!!!

    Показываю на простом примере: есть сайт ВКонтакте, страница https://m.vk.com/velovek Всего лишь обратите внимание на ШАПКУ - в компьютере и на телефоне! Вот вам всем и простой ответ о полной бесполезности этой "фичи" ))))
  • Вадиван Среда, 24 апреля 2019
    Иван, спасибо за отзыв. Это действительно самый простой и рабочий способ.
    Дмитрий, возможно вы не выбрали вариант мобильного телефона. Я этим способом пользуюсь достаточно давно. И пробовал на других сайтах, если есть мобильная версия, а не адаптивная, то он именно на неё переходит.
  • И
    Иван Вторник, 23 апреля 2019
    не слушайте их, спасибо большое за совет , ломал голову с дурацкими расширениями пока не набрел на вашу полезную статью , для меня как новичка в сайтостроении это очень помогло в разработке мобильной версии сайта
  • Д
    Дмитрий Пятница, 15 февраля 2019
    Этот способ не дает просмотр мобильной версии, а уменьшает разрешение экрана сайта. Мобильная версия не активируется.
  • Вадиван Среда, 19 сентября 2018
    Почему не работает? Поподробнее можете описать проблему. Данный способ работает не только в Хроме, но и в других браузерах на его движке. Например в Яндекс Браузере.
  • й
    йцу Вторник, 18 сентября 2018
    да не работает этот бред!!!!!!!!!!!!!!!!!!!!

Оставить комментарий

(29 Votes)