JS格式化/压缩
在线JavaScript代码格式化与压缩工具，支持缩进美化与单行压缩
0 个字符
使用说明
- 1 在输入框中粘贴 JavaScript 代码
- 2 点击「格式化」美化，或点击「压缩」去除空白
- 3 查看结果，可一键复制
相关工具
代码着色/高亮
在线代码高亮工具，支持多种编程语言语法着色，基于highlight.js，纯浏览器端处理
代码截图生成
在线代码截图生成工具，支持自定义标题、主题色与导出 PNG 图片。
Cron 表达式解析器（含时区热力图）
解析 Cron 表达式为人类可读描述，可视化字段含义，预览未来 10 次执行时间，并支持多时区对照与 30 天日历热力图。
CSS格式化/压缩
在线CSS代码格式化与压缩工具，支持缩进美化与去除空白
代码对比查看器
并排对比两段文本或代码的差异，新增/删除行高亮显示
HTML格式化/压缩
在线HTML代码格式化与压缩工具，支持缩进美化与去除空白
HTML预览/运行器
在线HTML代码编辑和实时预览工具，支持在沙盒iframe中运行HTML代码。
HTTP 状态码速查
在线 HTTP 状态码速查工具，支持按状态码或关键词筛选常见响应说明。
JSON格式化/编辑
在线JSON格式化、校验和美化工具，支持语法高亮和错误提示
JWT 解析
在线 JWT 解析工具，支持拆分 Header、Payload、Signature，并格式化展示声明内容。
正则表达式测试
在线正则表达式测试工具，支持 flags、匹配结果预览与捕获组查看，适合开发调试。
正则可视化
解析正则表达式并直观展示其组成部分（字符类、量词、锚点等），并提供测试匹配高亮
SQL格式化
在线SQL格式化工具，支持 MySQL、PostgreSQL、SQLite 等多种方言
时间戳转换
在线时间戳转换工具，支持秒级、毫秒级时间戳与日期时间双向转换。
URL 解析器
在线 URL 解析工具，支持拆解协议、主机、路径、查询参数和锚点信息。
UserAgent分析
解析浏览器 User-Agent 字符串，识别浏览器、引擎、操作系统、设备及 CPU 架构
UUID生成器
在线UUID v4生成器，支持批量生成、大写和去横线选项，一键复制。
XML格式化
在线XML格式化、美化工具，支持压缩与缩进切换
YAML格式化
在线YAML与JSON互转、格式化、校验工具，支持双向转换和错误提示
关于此工具
JS格式化工具将压缩混淆的JavaScript代码重新整理为规范的缩进格式，每个函数、条件块、循环块都有清晰的层次结构。对于从CDN或第三方引入的压缩JS文件，格式化后可以读懂代码逻辑，排查问题效率大幅提升。
典型场景：反向阅读第三方库的压缩源码、调试生产环境中打包后的JS（在没有source map的情况下）、整理临时脚本的代码格式、以及将格式混乱的遗留代码标准化后再进行代码审查。
相比在浏览器DevTools里点击{}按钮美化，本工具格式化的结果可以直接复制修改。相比安装Prettier或ESLint，无需配置文件和node_modules，适合快速处理单个JS片段。
常见问题
JS格式化能处理ES6+的语法吗？ +
可以。支持箭头函数、模板字符串、解构赋值、async/await、import/export、可选链（?.）、空值合并运算符（??）等现代JavaScript语法，不会因为ES6+特性而格式化报错或产生错误缩进。
压缩和混淆有什么区别？ +
压缩只去除空格、换行和注释，变量名保持不变，格式化后可以还原为可读代码。混淆会将变量名替换为a、b、c等无意义名称，本工具格式化后虽然结构清晰，但无法还原原始变量名。
格式化后的缩进风格可以调整吗？ +
可以选择2空格、4空格或Tab缩进，以匹配项目的编码规范。另外可以设置是否在运算符前后保留空格、函数括号前是否加空格等细节，满足不同团队的代码风格要求。
TypeScript代码可以用这个工具格式化吗？ +
TypeScript代码包含类型注解语法（如: string、as Type、interface等），本工具基于js-beautify，对纯TypeScript语法支持有限，可能格式化某些TS特有语法时出现问题。建议使用Prettier的TypeScript模式处理.ts文件。
压缩后的JS可以在生产环境直接使用吗？ +
本工具的压缩功能去除空白和注释，输出合法的JavaScript代码，可以在生产环境使用。但与Terser、UglifyJS相比，本工具不做变量名压缩和Dead Code Elimination，压缩率较低，大型项目建议使用专业的构建工具链。