Проверьте, как веб-сайт выглядит на мобильных устройствах с помощью браузера Chrome

От Админ

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

Шаг 1. Прежде всего откройте любой веб-сайт в браузере Chrome.

Шаг 2 - Теперь нажмите CTRL + Shift + I, чтобы открыть консоль.

Вы также можете открыть три точки вверху справа, а затем нажать на Дополнительные инструменты -> Инструменты разработчика.

Консоль разработчика Chrome

Шаг 3 - Теперь нажмите CTRL + Shift + M. Вы также можете щелкнуть значок переключения, как показано.

Мобильное разрешение Chrome

Теперь ваш сайт будет отображаться в мобильном разрешении в браузере Chrome.

Вот мобильная версия моего сайта Merabheja.comМобильная версия сайта Инструменты разработчика Chrome

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

Шаг 5 - Чтобы увидеть свой веб-сайт в нестандартном разрешении или на устройствах, которых нет в списке, нажмите редактировать.

Добавить собственное разрешение

Шаг 6 - Выберите свое устройство из длинного списка различных мобильных телефонов. Или, если вам нужно нестандартное разрешение (или вашего телефона нет в списке), просто нажмите Добавить собственное устройство.

Добавить настраиваемое разрешение устройства

Таким образом, вы можете тестировать мобильные версии сайтов с использованием Chrome и без каких-либо расширений.

Подано в: хром

Как запретить Google Chrome сохранять историю просмотров на ПК с Windows

Как запретить Google Chrome сохранять историю просмотров на ПК с WindowsХром

Гугл Хром сегодня является одним из самых популярных веб-браузеров, предпочитаемых на рынке. Причина этого предпочтения заключается в том, что Chrome синхронизируется с вашей учетной записью Google...

Читать далее
Снимок экрана полной страницы в Chrome без каких-либо расширений на ПК с Windows

Снимок экрана полной страницы в Chrome без каких-либо расширений на ПК с WindowsХром

В любой системе Windows есть возможность делать снимки экрана напрямую, нажав кнопку Снимок экрана клавиша на клавиатуре. Иногда это не работает, но вам может понадобиться сделать снимок экрана для...

Читать далее
7 способов исправить проблемы с синхронизацией аудио и видео с YouTube

7 способов исправить проблемы с синхронизацией аудио и видео с YouTubeошибки Youtube TvХромошибки Firefoxошибки Youtube

Проблема рассинхронизации YouTube широко распространена по разным причинам, таким как повреждение данных приложения и неправильные настройки браузера.Вы можете решить эту проблему навсегда, очистив...

Читать далее