跳转到主内容
coltool
English

JavaScript 代码在线运行

在浏览器中在线编辑并运行 JavaScript 代码片段，即时查看输出。

点击「运行」查看输出

这个工具做什么？

想快速验证一段正则、试一个数组方法的行为、复现一个面试题，开 DevTools 控制台写多行代码体验很差，起一个本地工程又太重。这个页面提供一个带语法高亮、括号匹配、代码折叠的编辑器（基于 CodeMirror 6）， 点击运行或按 Cmd/Ctrl + Enter 立即执行，右侧输出面板按 log / info / warn / error 分级着色，支持顶层 await 和 return 值回显。

编辑器内容自动保存在本地，刷新不丢；代码只在你的浏览器里执行，不上传、不存储到服务器。

使用方法

  1. 在左侧编辑器编写或粘贴 JavaScript 代码；
  2. 点击「运行」或按 Cmd/Ctrl + Enter；
  3. 需要重新输入时点击「清空代码」，误操作可立即按 Cmd/Ctrl + Z 恢复；
  4. 在右侧查看分级着色的输出，需要时点「清空输出」。

FAQ

代码在哪里执行？安全吗？
代码直接在你自己浏览器的当前页面中执行，不会发送到任何服务器。正因如此，请只运行你信任的代码——它拥有与页面相同的执行环境。
支持 async/await 和顶层 await 吗？
支持。代码会被包装成 async 函数执行，可以直接在顶层使用 await，例如 await fetch(...) 后打印结果。
console.log 之外还能看到什么输出？
console.log / info / warn / error 都会按级别着色显示；代码中显式 return 的值也会像浏览器控制台一样以 "<" 前缀展示；抛出的异常会显示为红色错误。
我写的代码会丢失吗？
不会。编辑器内容实时保存在浏览器 localStorage 中，刷新页面或下次访问时自动恢复。清除浏览器数据会重置为示例代码。