Как просмотреть мобильную версию любого сайта на вашем компьютере

Вы когда-нибудь задумывались, как будет выглядеть веб-сайт, который вы посещаете каждый день, работая за экраном компьютера, в мобильном приложении?

С сегодняшней популярностью смартфонов вы можете легко решить вышеуказанный вопрос, достав свой телефон и зайдя на этот веб-сайт. Однако, если вы хотите просмотреть мобильную версию любого веб-сайта прямо в браузере вашего компьютера, что вам следует сделать?

Ниже приведены несколько простых шагов, которые позволят вам получить доступ к мобильной версии любого веб-сайта прямо на рабочем столе. Это руководство применимо к Google Chrome и Microsoft Edge (новый) — двум наиболее часто используемым платформам веб-браузеров в мире на сегодняшний день.

Шаги:

Шаг 1: Откройте свой компьютер и посетите веб-сайт, который вы хотите просмотреть в мобильном режиме в Chrome или Edge. Мы выбрали Chrome для этого руководства, но шаги будут аналогичными в Edge. После загрузки страницы нажмите кнопку F12, чтобы открыть окно инструментов разработчика.

Шаг 2: После того, как откроется окно инструментов разработчика, найдите кнопку переключения устройств со значком, напоминающим телефон и планшет (как выделено на иллюстрации ниже), и нажмите эту кнопку.

Шаг 3: Вы можете нажать кнопку «Отзывчивый», чтобы выбрать конкретную модель устройства, которую вы хотите эмулировать. Появится раскрывающееся меню, в котором перечислены названия нескольких мобильных устройств, из которых вы можете выбрать. Кроме того, вы также можете настроить разрешение имитируемого веб-сайта в соответствии со своими потребностями.

Удобно, правда? Благодаря функциям, доступным в Google Chrome или Microsoft Edge, мы можем с комфортом проверять отображение веб-сайта на мобильных телефонах и планшетах без необходимости использования внешних вспомогательных устройств. Удачи !

Карим Винтерс

Обновление 26 июля 2024 г.