即时判定，附带依据
查看 load 事件是否触发、耗时多久、由哪条规则得出结果。再也不用纠结“是不是还在加载”。
Iframe Viewer：检测 URL 能否在 iframe 中加载
粘贴 URL，在真实 iframe 中渲染，检测 X-Frame-Options / CSP frame-ancestors 拦截，并按设备尺寸预览。不向服务器发送任何数据。
about:blank
1280×800
在上方输入 URL 即可在此渲染
- 不向服务器发送任何数据
- sandbox 与权限测试
- 10 种设备预设 + 对比模式
工作原理
检测原理
浏览器会隐藏跨源框架失败的原因，因此结果结合确定性检查与浏览器自身信号，并始终说明依据。
- 01
粘贴 URL 或 <iframe> 代码
先规范化（自动补全 https://）并校验，在访问网络之前检查混合内容规则和已知策略数据库。
- 02
浏览器按设备尺寸渲染
以预设的精确分辨率创建真实 iframe，并用 CSS 缩放。sandbox、allow 和 referrer 选项原样应用。
- 03
获得判定、依据和代码
load 事件耗时、决定结果的信号、确认响应头的 curl 命令，以及反映当前设置的代码片段。
功能
这个工具能做什么
真实设备视口
iPhone 15、Pixel 8、iPad Pro、1440p 桌面。以原生像素渲染并缩放适配 — 支持旋转。
对比模式
一个 URL，手机、平板、笔记本并排显示。在用户之前发现嵌入内的响应式问题。
sandbox 与权限实验室
实时切换 sandbox 标志、allow= 功能和 referrer 策略。有些网站只在 referrer 正确时才允许嵌入 — 现在您可以验证。
HTML、React、Vue、Svelte 输出
一份配置，四种惯用代码。React 使用 camelCase 属性，按需提供宽高比响应式容器。
已知策略数据库
拦截嵌入的热门网站会被即时标记 — 附带其发送的响应头和官方嵌入替代方案。
隐私优先
没有后端。URL、历史记录和生成器设置只存在于您浏览器的 localStorage 中。
可分享的结果
每次测试都有 URL。贴进工单或 Slack，同事就能看到与您完全相同的结果。
常见问题
常见问题
为什么 iframe 显示空白或“拒绝连接”？
该网站发送了 X-Frame-Options 响应头（DENY 或 SAMEORIGIN），或带有不包含您的源的 frame-ancestors 指令的 Content-Security-Policy。浏览器遵守该策略并改为显示错误页。可在 DevTools → Console 或通过 Iframe Viewer 提供的 curl 命令查看确切响应头。
如何测试一个网站能否嵌入 iframe？
把 URL 粘贴到上方的测试工具并点击「渲染」。Iframe Viewer 会在您选择的设备尺寸下用真实 iframe 加载它，并报告加载是否成功、由哪个依据判定以及耗时。
Iframe Viewer 能直接读取 X-Frame-Options 响应头吗？
仅靠浏览器不行 — 跨源响应头在设计上对 JavaScript 隐藏。Iframe Viewer 结合确定性检查（混合内容、热门网站数据库）、浏览器 load 事件和同源探测，并始终告诉您判定依据。要获得确切答案，请使用 curl 命令。
测试工具说“load 事件已触发”，但我仍看到错误页。哪个是对的？
都对。Chrome 和 Firefox 即使替换为错误页也会触发 load，因此仅凭该事件无法区分成功与拦截。请以肉眼判断为准，并用 curl 确认。
Iframe Viewer 会存储或记录我测试的 URL 吗？
不会。没有服务器。历史记录保存在浏览器的 localStorage 中以便刷新后保留，可一键清除。若您同意统计，Analytics 也只统计页面浏览和按钮点击 — 绝不记录您测试的 URL。
allow 和 sandbox 有什么区别？
sandbox 移除能力（脚本、表单、弹窗、导航），您只加回需要的部分。allow 是针对摄像头、全屏、支付等强大功能的 Permissions Policy。对不受您控制的第三方内容，两者都应使用。
为什么在这里能嵌入，在我的网站上却不行？
常见原因：您的页面是 HTTPS 而目标是 HTTP（混合内容）；目标检查 Referer 头；或您自己网站的 Content-Security-Policy 中 frame-src 不包含目标。可在「框架选项」中尝试 referrer 策略。
Iframe Viewer 真的免费吗？
是的 — 完全免费，无需账户，没有限制。它是一个静态网站，没有需要回收的服务器成本。