@kpa18

Как просмотреть мобильную версию сайта, если даже в инспекторе открывается десктопная версия?

Изучаю через Гугл хром страницу сайта Apple, но когда открываю панель разработчика для просмотра кода, и выбираю мобильное устройство, то все равно вижу десктопную версию. Возможно ли как-то изучить мобильную версию сайта с помощью хрома?
614a19a156015563430650.png
  • Вопрос задан
  • 240 просмотров
Пригласить эксперта
Ответы на вопрос 3
MaKvc
@MaKvc
Отчаянный веб-разработчик
Ну так вы зайдя на сайта, откройте инспектор, выберите устройство (экран) и нажмите F5. Обновите после выбора экрана.
Ответ написан
hottabxp
@hottabxp
Сначала мы жили бедно, а потом нас обокрали..
Смените user-agent, например с помощью User-Agent Switcher and Manager или с помощью другого расширения.
614a1c25f0385494294912.png
Ответ написан
Dagzio
@Dagzio
System administrator
  1. Откройте инструменты разработчика
  2. Далее включите режим устройства, нажав на кнопку Переключение в режим устройства (Toggle device mode).
  3. В появившейся панели, можно выбрать интересующее устройство из выпадающего списка. Открытая страница адаптируется по размер экрана выбранного устройства, а юзерагент будет установлен автоматически.


Если устройство с интересующим юзерагентом отсутствует в списке, его можно добавить вручную:

  1. В выпадающем меню со списком устройств выберите пункт Edit.
  2. Нажмите кнопку Add custom device.
  3. Затем добавьте устройство с интересующим юзерагентом, заполнив необходимые поля, после чего сохраните изменения.

Только что созданное устройство появится в выпадающем списке.
User-agent'ы мобильного устройства можете найти сами или использовать из этого списка: https://developers.whatismybrowser.com/useragents/...

Так же можно использовать расширение Chrome:
https://chrome.google.com/webstore/detail/user-age...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы