Два мобильных вида рядом
Держите превью iPhone и Android одновременно и смотрите один и тот же сайт на двух размерах экрана.
Мобильный вид в Chrome без DevTools
Mobile View Extension — мобильная версия сайта в один клик
Откройте мобильную версию страницы, на которой уже находитесь. Это расширение Chrome перезагружает вкладку как телефон, показывает два размера экрана, работает с localhost и делает скриншоты.
Установить в ChromeБесплатно · Без регистрации
История браузера не собирается
Работает с localhost
localhost:3000/dashboard
iPhone 17 Pro
Oppo A6xRuns over the page you already have openNo tab switching
Проверка адаптивности без лишних шагов
Переключатель мобильного вида для ежедневной работы.
Мобильный вид сайта открывается без перетаскивания краёв окна, ввода размеров вьюпорта и перехода между вкладками. Управление остаётся рядом со страницей, которую вы проверяете.
Переключение в один клик
Выберите устройство в плавающей панели — страница перезагрузится в мобильном виде. Вернуться к десктопу можно так же.
Ваши данные остаются у вас
Регистрация не нужна. Расширение не собирает личные данные и историю просмотров.
Проверка localhost до релиза
Проверяйте локальные страницы, а затем открывайте опубликованный сайт с теми же устройствами.
Знакомые устройства
Выберите телефон или планшет по названию вместо ручного ввода размеров вьюпорта.
Скриншот того, что видите
Сохраните выбранный мобильный вид прямо из панели, когда нужно поделиться результатом.
ОДИН САЙТ · ДВА ЭКРАНА
Проверяйте адаптивность сразу на двух экранах.
Поставьте узкий телефон рядом с более широким устройством и сравните обе версии одной страницы. Так проще заметить перенос заголовков, тесное меню и пропавшие блоки.
- Готовые пресеты телефонов и планшетов
- Два живых вида одного адреса
- Смена устройства без ухода со страницы
До и после релиза
Один тест адаптивности для localhost и рабочего сайта.
Проверьте страницу во время разработки, а затем откройте опубликованный адрес с теми же пресетами устройств. Процесс проверки остаётся одинаковым от разработки до релиза.
Готово к localhost
Смотрите мобильную версию локальных страниц без публикации временной сборки.
Быстрые скриншоты
Сохраняйте выбранный вид устройства для обсуждения или передачи в работу.
Как это работает
От десктопной страницы к мобильному виду в Chrome
01
Установите расширение для Chrome и откройте любой сайт
02
Нажмите значок телефона и выберите устройство — страница перезагрузится в мобильном виде
03
Добавьте второе превью или сделайте скриншот текущего вида
Гайды
Как проверять мобильную версию в Chrome
Как открыть мобильную версию сайта на компьютере: 4 способа
Четыре способа открыть мобильную версию любого сайта на компьютере, что на самом деле показывает каждый из них и какой выбрать для быстрой проверки.
Читать статью →Эмулятор мобильных устройств в Chrome: как пользоваться режимом устройства DevTools
Эмулятор телефона в Chrome по шагам: режим устройства, выбор и добавление моделей, замедление сети и CPU, эмуляция касаний и скриншоты.
Читать статью →Как открыть локальный сайт (localhost) на телефоне и в мобильном виде
Как открыть локальный сайт на реальном телефоне или в мобильном виде: IP в локальной сети и --host, проброс портов в Chrome, туннели, адреса в эмуляторах и частые проблемы.
Читать статью →Разрешение экрана iPhone и размер viewport: полная таблица всех моделей
Все iPhone от SE до iPhone 18 Pro Max: диагональ в дюймах, разрешение в пикселях, размер CSS viewport и плотность пикселей, с пояснениями для веб-дизайнеров.
Читать статью →Как сделать скриншот сайта в мобильной версии на компьютере
Как снять скриншот любой страницы в размере телефона прямо в Chrome на компьютере: видимая область или сайт целиком, с рамкой устройства или без.
Читать статью →Как проверить адаптивность сайта: метод, который находит настоящие баги
Пошаговая проверка адаптивности сайта: проход по всем ширинам, проверка на моделях устройств, стресс-тест контента, масштаб и автоматические скриншоты.
Читать статью →Частые вопросы
Перед установкой
Как посмотреть сайт в мобильной версии в Chrome?
Установите Mobile View Extension, откройте сайт и нажмите кнопку телефона в плавающей панели. Выберите устройство — страница перезагрузится в размере телефона, окно браузера менять не нужно.
Перезагружается ли страница при переключении?
Да. Расширение перезагружает вкладку с мобильным user agent и вьюпортом, поэтому сайт отдаёт настоящую мобильную версию, а не сжатую десктопную вёрстку.
Можно ли проверить сайт сразу на двух размерах?
Да. Одну и ту же страницу можно показать на двух устройствах рядом — сравнивать адаптивность так быстрее.
Работает ли проверка на localhost?
Да. Расширение поддерживает локальные страницы разработки, поэтому проверить мобильную вёрстку можно до публикации.
Откройте следующий сайт в мобильном виде.
Установите расширение и запускайте превью устройств прямо в той вкладке, где уже работаете.
Установить в Chrome