做响应式开发最费时间的不是写代码，而是「改一句 CSS，切一次设备」。真机调试要插拔数据线，模拟器要开半天，Chrome DevTools 又不能在同一个屏幕里对比多个设备。多端预览工具就是为了解决这个问题。

三步上手：

第一步，输入网址。在首页输入框粘贴你要测试的网址（支持 http 和 https），按回车或点「生成预览」。网址会同时在所有选中的设备里加载。

第二步，选设备。预设行提供了常用组合（iPhone 系列、iPad、桌面），也可以在下方的「自定义」区手动勾选任意设备。支持同时预览最多 4 台设备并排对比。

第三步，调节视图。顶部的缩放滑块可以整体放大缩小（30%~300%），工具栏的「复位视图」可以把所有设备恢复到原始比例。

进阶功能：

• 氛围背景：把当前预览的页面截图做虚化处理，铺在舞台区做背景，视觉上更有层次。可以在弹窗里调节透明度。
• 水印：给预览区加一层半透明文字水印，适合截图分享时标注来源。
• 新窗口打开：单独打开某个设备里的页面，方便深入调试。
• 分享链接：把当前设备组合和网址生成一个短链，发给同事直接复现。

在下方预览器里直接输入网址开始，或者点首页底部的「热门场景」，看常见问题的适配示例。