代码格式化Code Formatter
HTML/CSS/JS/SQL等多种语言代码美化Beautify code in HTML, CSS, JS, SQL and more languages.
关于 代码格式化About Code Formatter
从压缩脚本、网页源码或他人手中拿到的代码常常丢失缩进，阅读体验极差。本工具支持 HTML、CSS、JavaScript、SQL 等多种语言的代码美化，一键还原清晰层级，显著提升阅读、排查与评审效率。Code taken from minified scripts, web pages or colleagues often loses its indentation and is painful to read. This tool beautifies HTML, CSS, JavaScript, SQL and more, restoring a clear hierarchy in one click to speed up reading, debugging and review.
使用方法How to Use
- 将待美化的代码粘贴到输入框。Paste the code to beautify into the input box.
- 选择对应的语言类型。Select the matching language.
- 按需设置缩进风格（空格或 Tab）与缩进宽度。Optionally set the indent style (spaces or tabs) and width.
- 点击格式化，从输出区域复制美化后的代码。Click format and copy the beautified code from the output area.
常见问题FAQ
压缩混淆过的 JS 能格式化吗？Can minified JS be formatted?
可以还原缩进与换行，使其可读；但变量名不会被恢复成有意义的名字（那属于反混淆范畴），逻辑仍需人工分析。Indentation and line breaks can be restored for readability, but variable names will not regain meaningful forms (that is deobfuscation), and the logic still needs human analysis.
格式化会改变代码行为吗？Does formatting change code behaviour?
不会。格式化只调整空白、换行与缩进，不修改任何逻辑。尽管如此，对关键代码仍建议格式化后跑一遍测试再提交。No. Formatting only adjusts whitespace, line breaks and indentation, never logic. Still, run your tests after formatting critical code before committing.
支持 SQL 美化吗？Does it beautify SQL?
支持。关键字大写、子句换行、条件缩进，让几十行的长查询也能一眼看清结构。Yes. Uppercased keywords, line-broken clauses and indented conditions make even dozens-of-lines-long queries readable at a glance.
相关阅读Related Reading
Diff 算法入门：LCS 与 Myers，以及代码评审中高效读 diff 的技巧Diff Algorithms 101: LCS and Myers, Plus Tricks for Reading Diffs in Code Review
`git diff` 每天都在用，但你知道它背后的算法吗？本文从最长公共子序列讲起，对比 LCS 与 Myers 的取舍，再给出代码评审中快速定位真实改动、忽略噪音的几个实用技巧You run `git diff` every day, but do you know the algorithm behind it? This article starts from the longest common subsequence, compares LCS versus Myers, and shares practical tricks for locating real changes and ignoring noise during code review.
保存即格式化：Prettier 与 ESLint 的分工与团队配置实践Format-on-Save: How Prettier and ESLint Divide the Work and a Team Config That Works
团队里代码风格不统一，review 时一半评论在挑空格和引号，这是病，得治。Prettier 管格式、ESLint 管质量，两者配合加上保存自动格式化，能把风格争议从代码评审里彻底剔除。本文讲清分工边界和一套能直接用的团队配置When code style is inconsistent across a team and half the code review comments are about spaces and quotes, that's a problem worth fixing. Prettier handles formatting, ESLint handles code quality, and together with format-on-save they eliminate style debates from reviews entirely. This article clarifies the division of labour and a team config you can use directly.
相关工具Related Tools
JSON 格式化JSON Formatter
在线JSON格式化、校验、压缩、美化工具Online JSON formatter, validator, compressor and beautifier.
正则表达式测试Regex Tester
在线正则表达式测试工具，实时匹配高亮Online regex tester with real-time matching and highlighting.
随机密码生成器Password Generator
生成高强度随机密码，支持自定义长度和字符集Generate strong random passwords with customizable length and charset.
UUID 生成器UUID Generator
在线生成UUID/GUID，支持批量生成Generate UUID/GUID online, supports batch generation.