在线 HTML 编辑器（实时预览）

在线 HTML 编辑器（实时预览）: 用途

浏览器中的简洁代码编辑器，提供 HTML、CSS 和 JavaScript 标签页，预览会随输入实时更新。控制台显示脚本的 console.log 和错误，手机视图可模拟设备，“下载页面”按钮可生成完整的 .html 文件。代码保存在当前浏览器中，方便之后继续。

使用方法

1. 在 HTML、CSS 和 JavaScript 标签页中编写。
2. 查看预览和控制台。
3. 下载完成的页面。

使用场景

• 快速测试代码片段。
• 学习 HTML 和 CSS。
• 制作原型和邮件。

常见问题

我的代码会保存吗？

只保存在当前浏览器中，方便你稍后继续。要带到别处，可点击“下载页面”，生成一个包含全部内容的 .html 文件。

预览中的 JavaScript 安全吗？

预览在隔离的框架（带 sandbox 的 iframe）中运行，无法访问本页面、你的 Cookie 或其他打开的网站。

可以使用 Bootstrap 或 jQuery 等库吗？

可以。在 HTML 中加入带 CDN 地址的 <link> 和 <script> 标签，预览中就会加载它们。

真的免费吗？

是的，100%免费。无需注册，无需订阅，不限使用次数。所有工具：Tools123是免费的。

相似工具