在线HTML编辑器

预览在一个沙盒化的 iframe 中运行，允许执行脚本但禁用了同源访问，因此预览中的代码无法读取或修改此页面、您的 cookie 或本地存储。不过在该沙盒内，它仍然可以自由运行 JavaScript、打开提示框或发出网络请求，就像任何其他网页一样，因此对于从不受信任来源粘贴的任何代码，仍应像在全新浏览器标签页中运行它一样谨慎对待。

此工具会将您的 CSS 包裹在文档 head 中的 <style> 标签内，将您的 HTML 直接放入 body 中，并将您的 JavaScript 附加到 body 末尾的 <script> 标签中，与典型的单页 HTML 文档完全一致，然后将组合后的文档加载到预览中。

可以，“下载为 .html”按钮会将预览中显示的完全相同的组合文档保存为单个 index.html 文件，可直接在浏览器中打开或上传到网络服务器。

是的，当您在三个面板中的任何一个停止输入片刻后，预览会自动刷新，这样您无需点击单独的运行按钮即可看到更改的效果。

预览是一个真实的、隔离的浏览器文档，因此 console.log 的输出会进入该文档自己的控制台，而不是这个页面。请打开浏览器的开发者工具并选择预览 iframe 的上下文以查看控制台输出，或者改用 alert() 进行快速的可见检查。