代码演练场
不用离开页面就能试验代码。
JavaScript 控制台模式把你的代码片段放进一个锁死的沙箱中执行,并把
console.log / warn / error 输出按颜色回传;
HTML 预览模式实时渲染完整的 HTML + CSS + JavaScript 页面,还可以下载为文件。无服务器、无上传——一段写坏的代码(哪怕是死循环)也总能被停止,且绝不会影响页面的其余部分。相关工具:
语言检测器。
JavaScript 代码
HTML + CSS + JavaScript
安全模型。两种模式都运行在只允许脚本的 iframe 沙箱里:没有同源访问、没有表单、没有弹窗,沙箱内也不能下载,所以你的代码片段碰不到本页面、你的文件或其他标签页。JavaScript 在隔离进程中运行,所以停止可以随时中断正在运行的代码片段,页面保持响应;如果一次运行耗时异常,页面会自动提供停止按钮。注意,真正的死循环即使在停止后仍会占用其沙箱进程——如果下一次运行没有输出,请刷新页面恢复。HTML 预览的下载页面会把源码保存为本地 .html 文件。
浏览器沙箱如何运行你的代码
预览窗格是一个沙箱化的 iframe:一个独立的浏览环境,碰不到父页面的 DOM 或 Cookie。脚本的控制台输出会被捕获并回传,不用打开开发者工具就能看到错误——所有代码都在你的浏览器中运行,从不在服务器上运行。
沙箱是安全边界,不是摆设——你在这里粘贴的代码碰不到本站,也碰不到你的其他标签页。