响应式预览

怎么用

1. 选预览模式：外部网址或粘贴的 HTML。
2. 网址模式下输入地址，点加载预览 —— 不点就不加载。
3. HTML 模式下把标记粘贴进面板，每个框架随输入实时更新。
4. 四个框架并排阅读：375、768、1024、1440 像素宽，各自带标注。
5. HTML 模式可以打开同步滚动，让所有框架一起动。

常见用法

• 验证断点修改 —— 一屏看完手机、平板、桌面三种布局。
• 快速响应式自检 —— 加载页面，看 375 像素下有没有横向溢出。
• 存盘前预览片段 —— 粘贴一段代码，不建文件就能判断布局。
• 改 CSS 时对照宽度 —— 粘贴一次 HTML，框架放在编辑器旁边。

常见问题

问：网址模式下页面为什么不加载？ 答：很多网站会发送 X-Frame-Options 或 CSP 禁止被嵌入框架。这是网站自己的决定，本工具无法绕过 —— 请在标签页里打开。

问：我的网址会被发送到哪里？ 答：哪里都不会。地址只写进本页的 iframe，由你的浏览器直接向目标站点发起请求，中间没有代理、没有缓存、没有记录。

问：为什么网址模式不能同步滚动？ 答：跨源框架不会暴露滚动位置，这是出于安全考虑。因此同步滚动只在 HTML 模式可用 —— 那里的框架是同源的。

问：粘贴的 HTML 会执行脚本吗？ 答：不会。沙箱不授予脚本权限，script 标签、事件处理与外部请求都会被拦下。