TL
Tool Lab
💰捐赠
💰捐赠

JavaScript Beautifier

Format, beautify, and minify JavaScript

输入
输出

关于本工具

JavaScript Beautifier 将压缩或难以阅读的 JavaScript 格式化为干净、正确缩进的代码。它处理所有标准 ES2022+ 语法,包括箭头函数、模板字面量、解构赋值、async/await 和类语法。格式化程序精确保留字符串内容(包括特殊字符),并正确跳过注释中的代码。

压缩模式删除注释和不必要的空白,在标识符之间保留一个空格以避免语法错误。所有处理均在浏览器中运行——代码不会发送到服务器。

使用方法

  1. 将压缩或杂乱的 JavaScript 粘贴到输入面板。
  2. 选择您偏好的缩进(2 或 4 空格)。
  3. 点击"格式化"进行格式化,或点击"压缩"进行压缩。
  4. 点击"复制"将结果复制到剪贴板。

使用场景

开发人员使用此工具检查和调试来自生产包、npm 包或浏览器扩展的压缩 JavaScript。非常适合阅读混淆的第三方脚本、理解 jQuery 插件以及格式化从 Stack Overflow 复制的代码。压缩模式可减小脚本大小,以便在没有构建工具的情况下内联嵌入 HTML。

常见问题

  • 支持 TypeScript 吗?TypeScript 语法在很大程度上是 JavaScript 的超集。简单的 TypeScript(类型、接口、泛型)将正确格式化。如需完整的 TypeScript 支持,请使用 TypeScript Beautifier。
  • 支持 JSX 吗?原生不支持。带尖括号的 JSX 语法可能无法正确格式化。对于 React 组件文件,请使用专用的 JSX 格式化程序。
  • 我的代码安全吗?所有处理均在浏览器中本地进行。没有任何代码被传输到服务器。