Iframe Generator

关于本工具

Iframe 生成器可创建可直接使用的 HTML `<iframe>` 嵌入代码。配置来源 URL、尺寸、标题、滚动行为、延迟加载、全屏权限以及 sandbox 属性——然后复制生成的代码。

所有字段都会实时更新生成的代码，数据不会发送到服务器。title 属性对无障碍访问是必需的：屏幕阅读器会朗读它来描述嵌入的内容。

使用方法

1. 在 URL 字段中输入要嵌入的地址。
2. 设置宽度、高度、标题、边框、滚动和加载选项。
3. 根据需要切换 allowfullscreen 和 sandbox；如果开启 sandbox，请选择要授予的权限。
4. 复制生成的 iframe 代码并粘贴到你的 HTML 中。

使用场景

开发者以精确的像素尺寸嵌入 YouTube 或 Vimeo 视频。前端工程师使用 sandbox 安全机制嵌入地图、组件或第三方工具。设计师创建内联包含外部内容的门户页面。

常见问题

• 什么是 sandbox 属性？ — sandbox 限制嵌入页面可以执行的操作（运行脚本、提交表单、打开弹窗）。出于安全考虑，只启用你实际需要的权限。
• 为什么 title 属性很重要？ — 屏幕阅读器使用 title 向视障用户描述嵌入的内容。WCAG 2.1 要求每个 iframe 都具有有意义的 title。
• 所有网站都允许自己被嵌入吗？ — 不是的。网站可以发送 X-Frame-Options 或 Content-Security-Policy 响应头来阻止嵌入。你只能嵌入明确允许嵌入的页面。