Как я могу просмотреть мобильную версию веб-страницы в Google Chrome для рабочего стола?

29

Я хочу протестировать мобильную версию веб-сайта с помощью Google Chrome для рабочего стола.

Обычно я могу загрузить мобильные сайты, используя префикс m.перед URL-адресом, но при попытке загрузить m.superuser.comили m.github.comпросто появляется сообщение « Сайт не может быть достигнут ».

Как проверить мобильную версию веб-сайта в Chrome для рабочего стола?

google-chrome mobile-url Stevoisiak
источник
2
Щелчок по ссылке «мобильная» внизу любой страницы работает для меня нормально.
ДэвидПостилл
1
Это уже спрашивали и отвечали ; p
DavidPostill
3
@DavidPostill Вы ссылаетесь на мета-вопрос, который спрашивает о том, как запустить Stack Exchange в мобильной версии в настольном браузере. Я почти уверен, что OP спрашивает, как запустить любой веб-сайт таким образом. Это почти два совершенно разных случая.
Трейдер

Ответы:

42

Вы можете использовать инструменты разработчика Google Chrome для запроса мобильной версии веб-сайта:

  1. Откройте инструменты разработчика Chrome с помощью F12.

  2. Нажмите кнопку « Переключить панель инструментов устройства », чтобы включить или выключить режим устройства. (Значок синий, когда включен режим устройства).

    Включение режима устройства

  3. (Необязательно) Выберите мобильное устройство, которое вы хотите смоделировать, с помощью элементов управления Viewport .

    Элементы управления окна просмотра

  4. Обновите веб-страницу с включенным режимом устройства, чтобы разрешить загрузку мобильной версии.

    Просмотр мобильного сайта для Super User

источники

Stevoisiak
источник
@ steven-m-vascellaro по какой-то причине responsiveвыпадающий список не виден в моем chrome ... есть идеи?
unknownerror
@vardin - вам нужно нажать на кнопку, обозначенную гигантской красной стрелкой на первом скриншоте, чтобы появился отзывчивый выпадающий список.
Эндрю Хилл