隔离预览 HTML

查看 HTML/CSS 结构,不运行脚本,也不发出外部请求。

仅在当前浏览器中处理
输入与设置

输入和结果均在此浏览器中处理,不会保存到服务器、URL 或浏览器持久存储中。复制到剪贴板的内容和下载的文件可能会保留在您的设备上。

使用方法

  1. 输入 HTML 和所需的内联 CSS。
  2. 刷新预览以查看其结构。
  3. 复制/保存净化后的 HTML 前,请考虑被阻止的功能。

渲染标题,移除脚本

输入与设置
<h1>你好</h1><script>alert(1)</script>
结果
已显示“你好”标题 · 输入的脚本不会运行

这不会测试实际应用程序的 JavaScript 行为。

处理规则与结果解读

在 DOMPurify 白名单过滤之前,会先使资源元素和打开 URL 的属性失效。输出使用仅运行经哈希授权的渲染程序的隔离 iframe;CSP 会阻止网络连接、图片、嵌套框架和表单提交。仅允许内联 CSS 用于查看布局。

限制与使用前检查

输入和净化后的 HTML 各限 200,000 个字符。外部 CSS/字体/图片、SVG、嵌入内容、表单和输入中的脚本会被移除或以文本显示,因此输出可能与原网站不同。净化后的输出并不代表安全认证。

常见问题

为什么预览中的按钮和链接不起作用?

这是只读的隔离预览。为防止意外跳转、提交或脚本执行,不授予这些权限。

标准与参考资料