如何使用

三个专用代码编辑器

在独立标签页中编写标记、样式和页面 JavaScript。工具会将它们组合成一个文档以供预览或本地下载。

点击运行会创建沙箱 iframe，不授予同源访问、顶层导航、表单或弹窗权限。严格的内容安全策略会阻止网络连接和外部资源。预览仍会执行你输入的 JavaScript，因此只运行可信代码。

代码保留在当前浏览器会话，不会上传。每个编辑器都有大小限制；下载的 HTML 包含当前三个编辑器的内容。工具不会加载库、获取远程资源或保存草稿。

常见问题

预览会自动运行吗？

不会。只有点击“运行”时才会刷新。

预览代码能访问编辑器页面吗？

预览使用不含同源权限的沙箱。它无法通过常规同源 API 读取或修改编辑器页面。

可以使用外部库或图片吗？

预览会阻止外部资源和网络连接。适当时可使用内联代码或 data URL。

如何保存作品？

点击“下载 HTML”，即可保存包含当前 HTML、CSS 和 JavaScript 的单个文件。工具不会保存草稿。