01
先确认语法
有类型标注就选 TS，含 JSX 的类型组件选 TSX。尖括号在不同模式下可能有不同含义。
- 示例按钮会载入与当前模式匹配的代码。
HTML / CSS / 前端代码
JavaScript 格式化
先选语法，再调整风格；原文与格式化结果始终分开。
JavaScript 格式化
源代码
代码只在当前浏览器标签页处理，本工具不会上传。
格式化结果
粘贴代码或加载示例。
从 issue 或日志里复制的代码，缩进和标点往往与项目风格不一致。JavaScript 格式化让你保留左侧原文，在右侧查看重排后的 JS、JSX、TS 或 TSX。 这也是常说的 JS 美化。
这款工具按所选语法解析代码，不会用替换空格的办法误伤模板字符串或类型标注。遇到不完整语法时，它指出行列位置，不会擅自补写代码。
为什么用 JavaScript 格式化？
显式语法模式和原文对照，让每次改动都能看见。
保留原文，核对风格
调整缩进、引号、分号、行宽或尾随逗号后，原文不会被覆盖。页面会先让旧结果失效，再生成与当前选项一致的新结果。
避免选错语法与复制旧结果
02
按团队风格调整
默认输入停止 350 毫秒后自动格式化；修改选项也会重算。关闭自动模式后，才出现手动格式化按钮。
- 手动模式下可按 Ctrl/Cmd+Enter。
03
看状态再导出
输入或选项变化时，复制与下载会立即禁用，直到新结果生成。语法错误会标出第一个出错行列。
- 检查语法只验证能否解析，不检查 TypeScript 类型。
解析、风格与结果控制
JS 到 TSX 的解析
使用对应的语法解析器处理普通 JS、JSX 标签、TypeScript 类型和 TSX 组件。
可见的风格选项
切换两格或四格空格、Tab、单双引号、分号、行宽与尾随逗号，不改写左侧源代码。
独立检查与压缩
语法检查单独触发；纯 JS 可用 Terser 压缩并下载 .min.js，其他模式的压缩入口会禁用。
语法检查和压缩的边界
- 不做类型检查
- 解析通过不代表 TypeScript 类型正确；没有项目依赖和 tsconfig.json，工具不会冒充完整类型检查器。
- 压缩只接收纯 JS
- TS、TSX 和 JSX 必须先在项目构建流程中转译成 JS，才能用本页的压缩入口。
- 不自动修复残缺代码
- 括号或字符串未闭合时显示行列错误；JavaScript 格式化不会猜测缺失内容，也不会运行所粘贴的脚本。
- 不读取项目配置
- 页面只应用面板内可见的选项，不读取仓库的 .prettierrc、插件或 ESLint 规则。
JavaScript 格式化常见问题
支持 JSX/TypeScript 吗？
支持。带类型的代码选 TS 或 TSX；只含 JSX 的代码选 JSX。工具会保留类型与标签结构，不会进行转译。
它会执行我的 JS 吗？
不会。JavaScript 格式化只解析并打印文本，页面没有运行脚本的入口。
它会修复语法错误吗？
不会。解析失败会报告第一处错误位置，缺失的括号、引号或 JSX 结束标签需要你自行修正。
可以压缩 JS 吗？
可以，但仅限纯 JS 模式。TS、TSX 与 JSX 请先由项目构建器转译，再压缩生成的 JS。
我的代码会被上传吗？
不会。输入代码在当前浏览器标签页处理，不由本工具上传，也不会写进分享 URL。
还没找到答案？