Два мобильных вида рядом
Держите превью iPhone и Android одновременно и смотрите один и тот же сайт на двух размерах экрана.
Откройте мобильную версию страницы, на которой уже находитесь. Это расширение Chrome перезагружает вкладку как телефон, показывает два размера экрана, работает с localhost и делает скриншоты.
iPhone 17 Pro
Oppo A6xПроверка адаптивности без лишних шагов
Мобильный вид сайта открывается без перетаскивания краёв окна, ввода размеров вьюпорта и перехода между вкладками. Управление остаётся рядом со страницей, которую вы проверяете.
Держите превью iPhone и Android одновременно и смотрите один и тот же сайт на двух размерах экрана.
Выберите устройство в плавающей панели — страница перезагрузится в мобильном виде. Вернуться к десктопу можно так же.
Регистрация не нужна. Расширение не собирает личные данные и историю просмотров.
Проверяйте локальные страницы, а затем открывайте опубликованный сайт с теми же устройствами.
Выберите телефон или планшет по названию вместо ручного ввода размеров вьюпорта.
Сохраните выбранный мобильный вид прямо из панели, когда нужно поделиться результатом.
Поставьте узкий телефон рядом с более широким устройством и сравните обе версии одной страницы. Так проще заметить перенос заголовков, тесное меню и пропавшие блоки.
До и после релиза
Проверьте страницу во время разработки, а затем откройте опубликованный адрес с теми же пресетами устройств. Процесс проверки остаётся одинаковым от разработки до релиза.
Смотрите мобильную версию локальных страниц без публикации временной сборки.
Сохраняйте выбранный вид устройства для обсуждения или передачи в работу.
Как это работает
Установите расширение для Chrome и откройте любой сайт
Нажмите значок телефона и выберите устройство — страница перезагрузится в мобильном виде
Добавьте второе превью или сделайте скриншот текущего вида
Частые вопросы
Установите расширение и запускайте превью устройств прямо в той вкладке, где уже работаете.
Установить в Chrome