⚡ 桌面 + 移动端同屏显示

同时查看网站的桌面与移动端效果。

Mobile View 在当前页面上叠加真实的手机或平板外框——让您并排、实时查看桌面与移动自适应布局。无需 DevTools,无需调整窗口大小。

适用于任何网站 · 设置跨标签页保存 · 数据不离开浏览器

来自社区

Vladimir Solyankin Chrome Web Store
俄罗斯

Пользуюсь недавно, но с уверенностью могу сказать, что из всех подобных приложений остановлюсь на этом. Прекрасный дизайн, отличный функционал. Спасибо автору!

Punto Ecom Chrome Web Store
西班牙

Super buena extensión, muy práctica e innovadora

Christian Hamer Chrome Web Store
美国

Great app! My team has started using it. The developer actively takes feedback and is super responsive.

答案 Chrome Web Store
中国

这个多端模拟器太好用了,简直完美,还免费!感谢作者!

观看演示

看看 Mobile View 实际效果

一键即可在页面上显示真实设备外框——桌面与移动端并排呈现。

Mobile View 演示预览

为每个人而设

贴合您的工作方式

无论您写代码、做界面,还是只想看看页面在手机上的样子。

👩‍💻

开发者

在真实页面上按真实设备尺寸检查响应式布局——无需 DevTools,无需调整窗口。一眼对比桌面与最多 5 部手机或平板。

🎨

设计师

在真实手机与平板外框中预览作品——旋转、缩放、拖动,并截取干净的带框截图用于设计稿。

👀

所有人

想看页面在手机上的效果?一键叠加到精美设备中——浅色或深色主题,50+ 种语言,无需设置。

功能

移动端预览所需的一切

关键处足够强大,其余处足够简单。

最多同时 5 台设备 2.0 新功能

在同一屏幕上将桌面页面与多部手机、平板并排显示——每台可设型号、尺寸、旋转与品牌色。滚动在全部设备间保持同步,侧边停靠栏让每台设备一键可达。

Workspace Mode 3.0 新功能

从 Classic 切换到 Workspace,将手机、平板与显示器排布在同一块画板上——选择背景,缩放并旋转每台设备,保存收藏,并排同步查看桌面与移动端。

🖥️

桌面与移动端并排

设备预览浮在真实桌面页面之上,让您在同一屏幕上实时查看两种自适应布局——无需分割窗口。

📱

真实设备外框

iPhone、Android(Pixel、Galaxy)与 iPad,带真实边框。旋转至横屏,将预览缩放至 50%–125%,并设置自定义尺寸——快捷键 Shift+5

🔄

同步交互

在任意一侧滚动、点击与输入——桌面页面与所有设备预览保持同步。可随时开关同步。

🎯

带布局与锁定的专注模式

调暗桌面,将设备排成一行、网格或堆叠。开启专注锁定后,误点、Esc 或 Shift+4 都不会退出——只有「专注」按钮可退出。快捷键 Shift+4

📸

截图与录屏

一次捕获所有设备并选择所需截图,或以 MP4 或 WebM 录制屏幕——全部本地完成,快捷键 Shift+1/2/3

💾

记住设置

设备、旋转、位置、主题与语言会跨标签页与会话保存并恢复——界面支持 50+ 种语言。

面向真实工作流

一次展示给客户两种视图

桌面与移动端同屏——一次录制或屏幕共享即可展示页面在各设备上的外观与表现。无需分屏,无需剪辑。

🎬

一次录制完成

录制一段桌面与移动端并排的 MP4/WebM 演示——直接发送,无需后期。

🤝

客户演示与交付

向客户准确展示网站在手机与桌面上的表现——通话中直播或分享片段。

💻

适合自由职业者

专业呈现响应式成果——适合自由职业者与设计机构,零配置。

三步

如何使用

1

打开任意网站

进入要检查的页面,点击 Mobile View 图标——真实设备即叠加其上。

2

设置视图

选择 iPhone、Android 或 iPad,旋转、缩放并拖动——最多同时添加 5 台设备,或开启专注模式获得简洁视图。

3

对比、同步与截取

并排查看桌面与移动端,同步滚动,保存带外框截图。下次会记住您的设置。

加入 Telegram 上的 Mobile View 社区

第一时间了解更新,为下一批功能投票并分享反馈——您将帮助决定接下来做什么。

加入 Telegram

准备好同屏查看桌面与移动端了吗?

将 Mobile View 添加到 Chrome,一次预览任意页面的两种视图。

添加到 Chrome — 免费