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

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

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

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

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

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

7 комментарии

  • Комментировать
    Вадиван
    Среда, 08 мая 2019 Вадиван

    Макс, не вводите людей в заблуждение попыткой рекламы своей группы в ВК. Я специально изменил ссылку, чтобы люди не увидели вашей группы.
    По делу, я специально прикрепил дополнительные снимки экранов, для сравнения мобильной версии через браузер и мобильного телефона. Найдите что называется 10 отличий.Их нет. Способ работает, а если не работает, то не надо на зеркало пенять, коли....

  • Комментировать
    Макс
    Вторник, 07 мая 2019 Макс

    Точно - это БРЕД!!! При данном "способе" всего лиши уменьшается размер экрана в браузере, НО в нём по-прежнему оказывается именно КОМПЬЮТЕРНАЯ версия сайта!!!

    Показываю на простом примере: есть сайт ВКонтакте, страница https://m.vk.com/velovek Всего лишь обратите внимание на ШАПКУ - в компьютере и на телефоне! Вот вам всем и простой ответ о полной бесполезности этой "фичи" ))))

  • Комментировать
    Вадиван
    Среда, 24 апреля 2019 Вадиван

    Иван, спасибо за отзыв. Это действительно самый простой и рабочий способ.
    Дмитрий, возможно вы не выбрали вариант мобильного телефона. Я этим способом пользуюсь достаточно давно. И пробовал на других сайтах, если есть мобильная версия, а не адаптивная, то он именно на неё переходит.

  • Комментировать
    Иван
    Вторник, 23 апреля 2019 Иван

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

  • Комментировать
    Дмитрий
    Пятница, 15 февраля 2019 Дмитрий

    Этот способ не дает просмотр мобильной версии, а уменьшает разрешение экрана сайта. Мобильная версия не активируется.

  • Комментировать
    Вадиван
    Среда, 19 сентября 2018 Вадиван

    Почему не работает? Поподробнее можете описать проблему. Данный способ работает не только в Хроме, но и в других браузерах на его движке. Например в Яндекс Браузере.

  • Комментировать
    йцу
    Вторник, 18 сентября 2018 йцу

    да не работает этот бред!!!!!!!!!!!!!!!!!!!!

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

Убедитесь, что вы вводите (*) необходимую информацию, где нужно
HTML-коды запрещены

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

  • Ragnarok Mobile Online
    Ragnarok Mobile Online Платформа: Мобильное устройство Жанр: РПГ Язык: китайский. Дата выхода других языков пока не известна. Статус: c 19 января преоткрытый бета…
  • ПАШТЕТ ИЗ ЧЕЧЕВИЦЫ И ТУНЦА
    ПАШТЕТ ИЗ ЧЕЧЕВИЦЫ И ТУНЦА ПАШТЕТ ИЗ ЧЕЧЕВИЦЫ И ТУНЦА СОСТАВ: Оранжевая чечевица - 1 стакан Тунец в собственном соку - 1 б (160 гр)…
  • КАНАПЕ С БЕКОНОМ
    КАНАПЕ С БЕКОНОМ КАНАПЕ С БЕКОНОМ СОСТАВ: Бекон Венгерский копчено-вареный нарезка - 5 ломтиков Яйца перепелиные - 5шт Хлеб - 3 ломтика Сыр…
  • РИЗОТТО С МОРЕПРОДУКТАМИ
    РИЗОТТО С МОРЕПРОДУКТАМИ РИЗОТТО С МОРЕПРОДУКТАМИ СОСТАВ: Рис сорта арборио (круглый, богатый крахмалом) – 350 г Куриный бульон – 1,2 л Оливковое масло…
  • КУРИНЫЕ ОКОРОЧКА ЖАРЕНЫЕ С ЧЕСНОЧНЫМ СОУСОМ
    КУРИНЫЕ ОКОРОЧКА ЖАРЕНЫЕ С ЧЕСНОЧНЫМ СОУСОМ КУРИНЫЕ ОКОРОЧКА ЖАРЕНЫЕ С ЧЕСНОЧНЫМ СОУСОМ СОСТАВ: Куриные окорочка - 5 шт. Соль - 2 ч.л Перец (молотый) – 1…
Aliexpress. Лучшие скидки. М-Видео. Лучшие скидки.

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