前端调试 · HTML / CSS / JS
HTML 在线运行与实时预览
左边写代码，右边立刻看效果。三栏分别存放 HTML、CSS、JavaScript， 支持控制台输出、报错捕获、手机宽度预览与单文件导出，复制一段就能跑，不用装环境。
index.html
0 行 · 0 字符
CONSOLE
0 条输出
// 运行后这里显示 console.log、警告与报错
02快捷模板：一键换成可运行的例子
六个模板分别演示排版、布局、动画、事件、Canvas 与数据渲染，载入后直接在右侧修改就能看到变化。
03运行自检：代码哪里可能出错
每次运行前会做一轮轻量检查：JS 语法、CSS 花括号配对、HTML 标签闭合。红色必须修，黄色建议确认。
04快捷键
写代码时手不用离开键盘。
运行当前代码Ctrl / ⌘ + Enter
切换 HTML / CSS / JSAlt + 1 / 2 / 3
插入两个空格缩进Tab
保存到本地（下次自动恢复）自动
06常见问题
支持外部库（如 jQuery、Vue）吗？
支持。在 HTML 里直接写 <script src="https://..."></script> 即可，只要该 CDN 允许跨域加载。注意沙箱环境无法访问本站的登录态与接口。
为什么 console.log 没输出？
先看下方控制台是否有红色报错——脚本在第一行就抛错时，后面的 log 不会执行。另外 type="module" 的脚本在沙箱中受 CORS 限制，可能无法加载。
预览里能发请求吗？
能，但受浏览器同源策略限制：跨域接口需要对方允许 CORS。调用本站接口会被沙箱拦截，这是安全设计。
代码会保存到服务器吗？
不会。编辑内容只存在你浏览器的 localStorage 里；「分享链接」是把代码编码进 URL 片段，需要你主动复制发送。
为什么点了全屏预览还是很小？
全屏会占满浏览器窗口而不是系统全屏，按 Esc 或再点一次即可退出。移动端浏览器地址栏会占用一部分高度，属正常现象。
能直接粘贴一整个 HTML 文件吗？
可以。工具会自动把 <style> 与 <script> 内容拆分到对应面板（导出的文件也是同样的结构），拆分后再手动调整更清晰。