开发者 / HTML
HTML查看器：支持CSS和JavaScript的实时沙箱预览
粘贴HTML和可选的CSS，即可查看实时隔离预览。明确启用JavaScript后，可将预览展开为全屏，或下载HTML预览文件。
HTML查看器：支持CSS和JavaScript的实时沙箱预览: 工具会在具有不透明源的沙箱框架中渲染源代码。脚本默认处于禁用状态。内容安全策略会阻止外部资源、fetch请求、表单和嵌入页面，同时允许内联样式和数据图片。工具会移除可能刷新页面的元数据、base元素和嵌入式浏览上下文。下载的文件会保留隔离框架。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 开发者工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
完全在浏览器中运行
预览与此网站隔离。脚本默认关闭。外部样式、脚本、图片、fetch请求、表单和嵌入页面均会被阻止；允许使用内联样式和数据图片。启用脚本后，会运行你粘贴到预览中的代码。
下载的HTML会打开相同的隔离预览。不会将源代码插入此页面。
框架隔离
WHATWG HTML标准定义了iframe沙箱限制（https://html.spec.whatwg.org/multipage/iframe-embed-object.html#attr-iframe-sandbox）。此预览不会授予allow-same-origin权限。
内容限制
W3C内容安全策略规范定义了资源限制（https://www.w3.org/TR/CSP3/）。预览会在所提供的标记之前应用限制性策略。下载的包装文件会保留沙箱边界。
使用方法
- 粘贴HTML，以及可选的CSS或JavaScript。
- 仅在希望粘贴的代码在隔离预览中运行时启用脚本。
- 检查实时或全屏预览，然后下载沙箱预览文件。
隐私与限制
您的输入和文件会在浏览器中处理。不会上传任何内容。
相关工具
常见问题
我的预览可以访问此网站的Cookie或页面吗？
沙箱不会授予同源访问权限。粘贴的代码无法读取此网站的DOM或存储空间。只有在您启用脚本后，脚本才会运行。
为什么外部图片或库无法加载？
本地预览会阻止远程资源。请将样式和脚本直接放入编辑器，并使用数据网址加载图片。
我可以粘贴完整的HTML文档吗？
可以。预览支持完整文档和代码片段。它会移除元数据和嵌入式浏览上下文，应用自身的内容安全策略，并在隔离框架中渲染结果。
下载的文件包含什么？
文件包含一个HTML文件，会在同一个沙箱中打开您的源代码。这是预览文件，而不是将源代码直接粘贴到普通页面中的文件。
免费工具·使用在浏览器中次·无需账户