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