感谢安装 Mobile View。以下说明如何在任意页面上叠加真实设备外框,同时查看桌面与移动端。
点击 Chrome 右上角的扩展(拼图)图标 ,再点击「Mobile View」旁的图钉,让图标留在工具栏。
打开普通网站(https:// 页面)。然后点击工具栏中的
Mobile View 图标——真实设备外框会出现在页面上,让您同时看到桌面与移动端。首次使用时,Chrome 会请求访问该网站——点击允许即可。
使用顶部面板的设备按钮 📱 ▾ 在 iPhone、Android 手机与平板之间切换。用 ⟳ 旋转,用尺寸菜单 100%(50–125%)缩放,并将设备拖到任意位置——或点击专注 调暗桌面并将设备居中。
点击顶部面板的设备数按钮 ▾,选择显示数量(1–5)。每台设备保留各自的型号、旋转、尺寸与品牌色,侧边停靠栏(左或右)可一键切换。专注模式下可排成一行、网格或堆叠——并可锁定,避免误点或 Esc 退出。用键盘添加或移除:Shift + = / Shift + −。
滚动、点击与输入在桌面页面与移动预览之间保持同步。可在顶部面板用同步 ⇅ 开关。
点击相机 ,选择仅设备 📱(按外框裁剪)或全屏 🖥️(桌面与设备一起)——适合设计稿与问题反馈。
点击录制 开始全屏录制。立即录制当前标签页——没有「共享屏幕」对话框——视频以 MP4 或 WebM 直接保存到设备;绝不会上传。
提示:设备、旋转、位置、主题与语言会跨标签页与刷新保存并恢复。部分浏览器页面(如 chrome:// 设置)无法预览——请打开普通网站。