一次看遍所有屏幕。
一款免费的 Chrome 扩展，可在真实的手机、折叠屏、平板、笔记本和手表上显示任意页面，连 localhost 也不例外。并排显示，同步联动。
实时运行。滚动或点按任意屏幕试试。
- 111款真实设备
- 同时 4 台并排显示
- 同步滚动、点按和页面跳转
- 私密无需账号，无跟踪
四台设备，一个工作区。
从 111 款真实设备中任选四款，同时查看页面在每台设备上的效果。
滚动一次，所有屏幕跟随。
滚动、点击和导航在所有设备间保持同步。
所有设备，一键打开。
一次打开整个类别。图中是 37 款 iPhone 中的 16 款，从 iPhone 5 到 iPhone 15 Pro。
对照设计稿。
在任意设备上，把设计稿放在实时页面旁边。并排或叠加对比，设计与实现之间的每处差异都一目了然。
本次对比发现
- 标题文案不同实时页面：“Make room for your best work.” 设计稿：“Room for your best work.”
- 按钮样式不同实时页面：深色、直角。设计稿：青绿色胶囊形。
标出问题，复制修复提示。
在截图上标注，然后为你的 AI 编程工具复制现成的提示词。任何内容都不会离开你的电脑。
- 更多功能
- 录制并重放流程
- 专注模式
- 旋转与缩放
- 自定义尺寸
- 保存的设备组合
Such a great tool I've ever used for viewing responsive design across multiple device at the same time.
Fantastic Extension!! God bless the day I found you! Thank you!
What a great tool to have! I use this daily and it's the first extension in the panel. It's got many uses, but if you just want to make sure your sites and apps look good on all screens, this is hands down the best!
常见问题。
免费吗？
是的。基于 MIT 许可证免费开源，无需账号。
支持 localhost 吗？
支持。在 Chrome 中打开本地页面，再打开 Mobile View 即可。任何内容都不会离开你的电脑。
和 DevTools 的设备模式有什么不同？
DevTools 一次只显示一个视口。Mobile View 并排显示四台真实设备，并保持同步。
为什么有些网站无法加载？
有些网站禁止被嵌入到其他页面中显示。Mobile View 会提示你，并可在新标签页中打开。
修复提示会上传我的代码吗？
不会。提示在你的电脑上生成，供你粘贴到自己的编程工具中。
在你自己的网站上试试。
免费。无需账号。支持 localhost。