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

Question

[kpa18]

Изучаю через Гугл хром страницу сайта Apple, но когда открываю панель разработчика для просмотра кода, и выбираю мобильное устройство, то все равно вижу десктопную версию. Возможно ли как-то изучить мобильную версию сайта с помощью хрома?

Answer 1

[Дмитрий]

Ну так вы зайдя на сайта, откройте инспектор, выберите устройство (экран) и нажмите F5. Обновите после выбора экрана.

Comments

[kpa18]

Всего лишь требовалось обновить))) Спасибо!

Answer 2

[Сергей Карбивничий]

Смените user-agent, например с помощью User-Agent Switcher and Manager или с помощью другого расширения.

Comments

[kpa18]

Подскажите пожалуйста, как там выбрать конфиг по размеру экрана?

Answer 3

[Valentine Dagzio]

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...