预览选项
四个窗口同时加载同一网址，分别对应手机 320×480、平板 768×1024、笔记本 1280×802、桌面 1600×992。请求从当前浏览器直接发出，不经过本站中转。
快捷网址
免责声明：本工具仅供参考，不代表任何建议；目标站点若禁止嵌入则无法预览，预览请求会直达对方服务器。
设备预览效果
当前地址 未加载
手机 320×480
平板 768×1024
笔记本 1280×802
桌面 1600×992
四种屏幕一次看完
改完响应式样式后，最费时间的往往不是写 CSS，而是来回拖浏览器窗口、再掏出手机扫一遍。这个模拟器把手机、平板、笔记本和大屏四个常用视口摆在同一张图里。网址填进去，四个窗口同时加载同一页面，字号挤不挤、导航折不折、按钮够不够点，对照着就能看出来。预览走的是浏览器里的 iframe，页面不会经过本站服务器中转。
使用方式
1. 填写网址：在左侧输入要检查的页面地址，没写协议时可按开关自动补全 https。
2. 开始预览：点击「立即预览」，右侧四个设备窗口同时打开该页面。
3. 对照检查：在各个窗口里滚动、点击，核对布局是否按预期换行。
4. 处理空白：若某个窗口空白，多半是对方站点禁止被嵌入，可换允许 iframe 的页面再试。
2. 开始预览：点击「立即预览」，右侧四个设备窗口同时打开该页面。
3. 对照检查：在各个窗口里滚动、点击，核对布局是否按预期换行。
4. 处理空白：若某个窗口空白，多半是对方站点禁止被嵌入，可换允许 iframe 的页面再试。
常见问题
为什么有的网站四个窗口都是空白？
不少站点加了 X-Frame-Options 或 CSP 的 frame-ancestors，禁止被别的页面嵌进去。这是对方站点的安全策略，不是模拟器坏了。可换本站首页或 example.com 这类允许嵌入的页面做对照。
预览窗口里能不能像真机那样操作？
可以。每个窗口都是独立 iframe，点击、滚动、填表都会发给目标站点。因为经过了缩放，触控热区会显得更小，细一点的按钮可能要点准一些。
这样预览会不会算人家网站的访问量？
会。请求是从你的浏览器直接打到目标站点的，访问统计、登录态、Cookie 都会按真实访问处理。正式环境的数据如果敏感，建议改用测试环境地址。
