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


29

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

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

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


2
Щелчок по ссылке «мобильная» внизу любой страницы работает для меня нормально.
ДэвидПостилл


3
@DavidPostill Вы ссылаетесь на мета-вопрос, который спрашивает о том, как запустить Stack Exchange в мобильной версии в настольном браузере. Я почти уверен, что OP спрашивает, как запустить любой веб-сайт таким образом. Это почти два совершенно разных случая.
Трейдер

Ответы:


42

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


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

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

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

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

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

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

источники


@ steven-m-vascellaro по какой-то причине responsiveвыпадающий список не виден в моем chrome ... есть идеи?
unknownerror

@vardin - вам нужно нажать на кнопку, обозначенную гигантской красной стрелкой на первом скриншоте, чтобы появился отзывчивый выпадающий список.
Эндрю Хилл
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.