Спасибо за установку Mobile View. Вот как наложить реальную рамку устройства прямо поверх любой страницы и видеть десктоп и мобильный одновременно.
Нажмите значок «Расширения» (пазл) справа вверху в Chrome и кликните по «булавке» рядом с «Mobile View», чтобы значок остался на панели.
Перейдите на обычный сайт (страница https://) и нажмите значок
Mobile View на панели — реальная рамка устройства появится прямо поверх страницы, и десктоп с мобильным видно вместе.
В верхней панели нажмите кнопку устройства 📱 ▾, чтобы переключаться между iPhone, Android-телефонами и планшетами. Поворот — ⟳, масштаб — меню размера 100% (50–125%), а само устройство можно перетаскивать. Или нажмите фокус , чтобы затемнить десктоп и поместить устройство по центру.
Прокрутка, клики и ввод синхронизированы между десктоп-страницей и мобильным превью. Синхронизацию ⇅ можно включать/выключать в верхней панели.
Нажмите камеру и выберите только устройство 📱 (обрезано по рамке) или весь экран 🖥️ (десктоп и устройство вместе) — удобно для макетов и баг-репортов.
Нажмите запись , чтобы сделать полную запись экрана. Выберите, что показать, в диалоге браузера; видео сохраняется прямо на ваше устройство файлом .webm — ничего никуда не загружается.
Совет: устройство, поворот, позиция, тема и язык сохраняются и восстанавливаются между вкладками и перезагрузками. Служебные страницы браузера (например, настройки chrome://) показать нельзя — откройте обычный сайт.