JS格式化、JS压缩

JS格式化工具可以帮助您对JavaScript代码进行格式化和压缩，便于阅读和调试。

本站所有工具操作均在浏览器本地完成，数据不会上传到任何服务器，可放心使用。

功能说明：

• 格式化JS：自动美化JS，缩进对齐，代码层级清晰，工具栏可选2、3、4空格缩进（默认2空格）
• 压缩JS：去除空格和换行，压缩为一行
• 变量名混淆：压缩JS时可混淆变量名，保护代码
• 压缩优化：压缩JS时进行代码优化，减小体积
• 移除console：压缩JS时移除console语句，默认不勾选；需勾选压缩优化，未勾选时该选项禁用且不生效
• 折叠展开：支持折叠JS函数和代码块，便于查看整体结构
• 实时处理：输入内容后自动美化，也可手动点击格式化按钮重新排版
• 结果导出：处理结果支持一键复制和保存为文件

常见问题：

• Q：左侧输入后要点「格式化JS」才生效吗？
  A：不用。左侧内容一改动就会自动格式化并写入右侧。右侧的「格式化JS」读取的是右侧当前内容，用来整理手动改过的结果，也能把压缩成一行的内容重新展开；复制、压缩JS和保存同样以右侧为准。但只要在左侧继续输入，右侧就会被重新生成，手动改动会被覆盖。
• Q：缩进能改吗？
  A：工具栏可选2、3、4空格缩进，默认2空格，切换后若有内容会立即按新宽度重排，下次打开仍记住。设置面板里只有「行内换行」，它只决定右侧长行是否折行显示，不改变输出内容；右栏的「压缩选项」只在点「压缩JS」时生效。
• Q：「压缩JS」只是删掉空格和换行吗？
  A：不是。压缩以右侧当前内容为准，用Terser处理：除去掉空白外，还会按右栏勾选混淆变量名、优化代码写法、移除console语句。变量名混淆和压缩优化默认勾选；移除console默认不勾选，且只有勾选压缩优化后才能选，取消压缩优化时它会被禁用。
• Q：点「格式化JS」能把压缩后的代码还原吗？
  A：不能。格式化只重新排版，被缩短的变量名、被删掉的console和被优化合并的语句不会回来。如果压缩时弹出「JS格式有误，请检查再试。」，说明Terser无法解析右侧内容，右侧会保持原样，先修好语法再压缩。
• Q：右侧的折叠按钮和「3/12」是什么？
  A：折叠按钮一次折叠或展开全部函数和代码块，也可以点行号旁的箭头单独折叠；右侧显示的数字是光标所在行与总行数，例如3/12表示光标在第3行、结果共12行，右侧为空时不显示。
• Q：大屏查看后怎么退出？
  A：点击编辑区周围的遮罩层即可退出全屏并恢复左右两栏，也可以按ESC；右侧没有内容时不会进入大屏，光标在右侧时按F11可直接进入。
• Q：点两下「示例」为什么内容不见了？
  A：示例按钮是开关：第一次填入一段示例JS，内容没被改动时再点一次会清空左右两侧；改动过示例内容后再点，则重新填回示例。

常见用途：

• 格式化和美化JS代码，便于阅读和调试
• 压缩JS代码，减少页面加载体积，提升打开速度
• 混淆变量名，保护前端代码逻辑
• 排查JS语法格式问题，定位括号和语句错误