什么是 HTML/JS 在线编辑器？
HTML/JS 在线编辑器是一个轻量级、无需配置的前端代码演练场（Playground）。它允许开发者在浏览器中直接编写 HTML、CSS 和 JavaScript 代码，并即时查看运行结果。不同于传统的静态预览工具，本当具特别增强了对 JavaScript 的调试支持，内置了独立的 Console 面板，完美支持 ES6+ 现代语法。
核心功能
- 现代 JavaScript 支持：完整支持 ES6+ 语法特性，包括常量声明 (`const`/`let`)、箭头函数、解构赋值、模板字符串以及 `async/await` 异步编程。
- 实时可视化控制台：自动捕获代码中的 `console.log`、`console.error`、`console.warn` 和 `console.info` 输出，并显示在右下角的专用面板中，帮助您快速定位逻辑和调试错误。
- 所见即所得的预览：即时渲染 HTML 结构和 CSS 样式，JavaScript 逻辑在安全的沙箱环境中执行，确保运行安全。
- 自动运行与防抖：为了提升编码体验，编辑器支持智能防抖自动运行，让您的每一次修改都能平滑地反馈在预览中。
适用场景
- 学习与教学：快速演示 JavaScript 基础语法、DOM 操作或算法逻辑，无需搭建繁琐的本地开发环境。
- 代码片段测试：在集成到大型项目前，先在一个干净的环境中测试独立的函数或 UI 组件。
- 异步逻辑调试：利用内置控制台方便地观察 `Promise` 和 `async/await` 的执行顺序和结果。
- 面试与分享：快速编写可运行的代码示例，用于技术面试或分享给他人。
常见问题 (FAQ)
Q: 这个编辑器支持引入外部库吗？
A: 支持。您可以直接在 HTML 代码中使用 `<script src="...">` 标签引入 CDN 上的第三方库（如 jQuery, Lodash, Axios 等），它们将可以在预览环境中正常工作。
Q: 我的代码安全吗？
A: 非常安全。所有的代码执行都在您本地浏览器的沙箱（iframe）中进行，不会上传到服务器，确保您的代码隐私和数据安全。
Q: 为什么不需要安装 Node.js？
A: 本工具基于浏览器原生的 JavaScript 引擎运行，支持绝大多数现代 Web 标准，因此您无需安装 Node.js 或任何构建工具即可开始编写和运行 JS 代码。