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

How to effectively deal with bots on your site? The best protection against click fraud.

От Админ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Teachs.ru
Как исправить проблему неработающего автозаполнения Chrome на ПК с Windows 10

Как исправить проблему неработающего автозаполнения Chrome на ПК с Windows 10КакWindows 10ХромОшибка

Автозаполнение Chrome - это очень удобная функция, которая автоматически заполняет вашу платежную информацию, пароли и адреса во время просмотра в Интернете. Это значительно упрощает заполнение дет...

Читать далее
Ошибка 6 (net:: ERR_FILE_NOT_FOUND) Исправление ошибки Google Chrome

Ошибка 6 (net:: ERR_FILE_NOT_FOUND) Исправление ошибки Google ChromeХром

Когда вы пытаетесь открыть определенную веб-страницу в Google Chrome, вы можете получить сообщение об ошибке:Эта веб-страница не найдена. Веб-страница для веб-адреса не найдена: chrome-extension: /...

Читать далее
Как исправить проблему зависания Chrome в Windows 10

Как исправить проблему зависания Chrome в Windows 10Хром

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

Читать далее
ig stories viewer