实用工具

JavaScript 代码格式化

用 js-beautify 把压缩过或乱糟糟的 JavaScript、JSON 重新缩进,可选缩进宽度和大括号风格。

浏览器本地运行代码转换8996
免费

输入

0 B

结果

结果会显示在这里。

压缩后的打包文件、bug 报告里的一行代码、从 DevTools 里复制出来的脚本——想看懂它们,第一步都是让代码变得可读。这里用的是 js-beautify,beautifier.io 和大量编辑器插件背后的格式化器。它按词法单元逐个重新排版,不需要理解整个程序,所以代码片段、甚至略有语法错误的代码它都能处理,而完整解析器会直接拒绝;格式化 JSON 也一样好用。

它是怎么工作的

  • 大括号风格对应 js-beautify 自己的选项:同一行、同一行但短代码块保持单行、每个括号独占一行(Allman),或者把 else 和 catch 换到新行。
  • 代码块之间原有的空行会保留,连续多个空行会合并成一个,也可以关掉。
  • 格式化只能恢复排版,恢复不了名字:被压缩成 e 的变量还是 e。
  • 不会校验语法,输入里的语法错误会跟着一起被排版,而不是被报告出来。

你的数据去了哪里

哪也没去。本工具完全在你的浏览器里运行:你粘贴的文本由页面处理,不会传输到任何服务器,也不会写进任何日志。

本工具免费且无需登录,运行结果只存在于你当前的页面里,不会被保存到任何地方。

它要花多少

本工具完全免费,不需要登录,也不消耗积分。

常见问题

能把线上压缩过的代码还原成源码吗?
只能还原排版。压缩器会重命名局部变量、删掉注释,这些信息在文件里已经不存在了。如果网站提供了 source map,浏览器的 DevTools 可以把压缩代码映射回原始源码,这是找回变量名的唯一可靠办法。
js-beautify 和 Prettier 怎么选?
Prettier 基于完整解析重新输出代码,并强制统一风格,适合在代码仓库里使用。js-beautify 只调整空白和缩进,更适合快速阅读不打算提交的代码,包括 Prettier 会拒绝解析的代码片段。
支持 TypeScript 或 JSX 吗?
不可靠。js-beautify 理解的是 JavaScript,很多 TypeScript 能碰巧排对,但类型注解、泛型和 JSX 标签可能缩进得很奇怪。这两种代码更适合用能真正解析它们的 Prettier。

背后的开源项目

本工具运行在 beautifier/js-beautify 之上,以 MIT 许可发布。如果你需要在自己的程序里实现同样的能力,直接用这个库。

beautifier/js-beautify

也常被称作

  • js格式化
  • javascript格式化
  • js美化
  • js反压缩
  • 在线格式化js代码
  • js代码美化