Як я можу переглянути мобільну версію веб-сторінки в Google Chrome for Desktop?


29

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

Зазвичай я можу завантажувати мобільні сайти, встановлюючи префікс m.перед URL-адресою, але намагаючись завантажити m.superuser.comабо m.github.comпросто призвести до помилки " Неможливо отримати сайт ".

Як я можу протестувати мобільну версію веб-сайту в Chrome для Desktop?


2
Клацання посилання "мобільний" внизу будь-якої сторінки для мене працює добре.
DavidPostill


3
@DavidPostill Ви посилаєтесь на мета-запитання, яке запитує про те, як запустити обмін стеками в мобільній версії на настільному браузері. Я майже впевнений, що ОП запитує, як запустити будь-який веб-сайт таким чином. Це майже два абсолютно різних випадки.
trejder

Відповіді:


42

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


  1. Відкрийте інструменти для розробників Chrome за допомогою F12.
  2. Натисніть кнопку " Увімкнути панель інструментів пристрою ", щоб увімкнути або вимкнути режим пристрою. (Піктограма синього кольору, коли ввімкнено режим пристрою).

    Увімкнення режиму пристрою

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

    Контрольні елементи перегляду

  4. Оновіть веб-сторінку, увімкнувши режим пристрою, щоб дозволити завантаження мобільної версії.

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

Джерела


@ steven-m-vascellaro чомусь випадання responsiveне видно в моєму хромі ... будь-яка ідея?
невідомий

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