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