嵌入测试器
测试URL是否可以嵌入iframe中。检查X-Frame-Options和CSP头。
嵌入代码
预览
关于嵌入测试
X-Frame-Options
X-Frame-Options头指示浏览器是否允许在iframe中渲染页面。
Content-Security-Policy
CSP的frame-ancestors指令指定可以嵌入页面的有效父级。
阻止嵌入的网站
Google, Facebook, Twitter, GitHub, most banking sites
允许嵌入的网站
YouTube, Vimeo, CodePen, Google Maps, FreeWebTools
关于嵌入测试器
嵌入测试工具可以随时在浏览器中免费生成高质量的结果。检测任意网址能否嵌入 iframe,查看它的 X-Frame-Options 和 Content-Security-Policy 响应头。嵌入测试工具预设了合理的默认值,同时每一项设置都能自行调整,让最终结果贴合您的项目。所有处理都在本地浏览器中完成,您输入的内容和生成的结果始终保密——不会上传,也不会被记录。可以无限次使用,个人项目和商业项目皆可,且无需署名。
使用场景
如何使用
在 URL to test 输入框中输入或粘贴要检测的网址,也可以点击 Wikipedia、Google、YouTube、FreeWebTools 或 CodePen 等示例按钮。
点击 Test 或按回车键,工具会在隐藏的 iframe 中加载该页面,并读取它的响应头。
查看结果卡片顶部的结论:绿色对勾表示页面可以嵌入,红色叉号表示嵌入被拦截。
查看 X-Frame-Options 和 Content-Security-Policy 两行,判断是哪个响应头拒绝了嵌入。
如果该站点允许嵌入,向下滚动到实时预览的 iframe,确认页面确实能正常渲染。
点击现成 iframe 代码上方的 Copy,把代码粘贴到自己的网站里。
专业提示
- 每次只调整一项设置,这样能清楚看出每个选项对嵌入测试工具输出结果的影响。
- 多点几次重新生成或随机按钮——往往到第三、第四次才会出现更满意的结果。
- 把几个备选结果复制到剪贴板或笔记文件里,比较过后再决定用哪一个。
- 如果嵌入测试工具支持导出,请立刻保存重要结果——服务器端不会留存任何数据。
- 把嵌入测试工具的输出与其他工具(格式化工具、预览工具、检测工具)搭配使用,进一步打磨最终效果。
常见问题解答
可以。用嵌入测试工具生成的任何内容都归您所有,个人项目和商业项目都能自由使用,无需署名。
是的,完全免费:无需注册,没有付费墙,输出结果也不带水印。
我们这边不保存。嵌入测试工具在您的浏览器中运行,关闭标签页后不会留下任何数据,所以请把重要结果保存到本地。
可以。嵌入测试工具提供了多项可配置选项,您可以按需调整风格、长度或格式。
嵌入测试工具采用高强度随机算法和多样化模板,每次生成的结果基本都不会重复。如果需要在大批量结果中保证唯一性,请在最后自行做一次去重校验。
可以。界面自适应各种屏幕,在 iOS、Android 以及各类现代移动浏览器上都能正常使用。