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