代码格式化
HTML / CSS / JS 三种模式一键缩进美化。
什么是代码格式化？
代码格式化（代码美化）是把压缩或混乱的代码重新排版成易读格式的过程：统一缩进层级、在合适位置换行、规范空格，让结构一目了然。未格式化的代码常来自打包产物、在线压缩工具或快速粘贴的片段，缩进混乱、多语句挤在一行，很难阅读和修改。
本工具提供三种模式：HTML 模式按标签嵌套层级缩进，并把 script、style、pre、textarea 等标签内的原文原样保留，避免误改内嵌代码；CSS 模式按大括号层级把选择器、声明逐条分行，嵌套的媒体查询和 @规则也会正确缩进；JavaScript 模式按大括号与括号层级缩进语句，字符串、模板字符串、行注释与块注释都原样保留，采用大括号跟在语句之后的 K&R 风格。
全部处理都在浏览器本地完成，代码不会上传到任何服务器。适用于整理压缩后的前端代码、规范化团队代码风格、把调试输出的代码片段变得可读等场景。
使用步骤
- 在下拉框选择代码类型：HTML、CSS 或 JavaScript；
- 把需要美化的代码粘贴到输入框；
- 点击「格式化」，缩进整齐的结果会显示在输出框；
- 核对无误后点击「复制」，把结果粘贴回编辑器。
常见问题
三种模式有什么区别？
HTML 模式按标签层级缩进并原样保留 script、style、pre、textarea 内的内容；CSS 模式按大括号层级整理选择器与声明；JS 模式按大括号与括号层级缩进语句，字符串和注释原样保留。
格式化会改变代码逻辑吗？
不会。工具只调整换行与缩进，不修改任何标识符、字符串内容或关键字；JS 模式把大括号换行放在语句之后（K&R 风格），不改变代码执行结果。
为什么 HTML 里的 script 标签内容没有缩进？
为了不破坏其中的代码语义，script、style、pre、textarea 标签内的原文会被原样保留，不参与缩进，避免误改内嵌的 JS/CSS 或纯文本内容。
支持哪些代码类型？
支持 HTML、CSS、JavaScript 三类常见前端代码；JSON 也可以先用「代码格式化」的 JS 模式处理，或用站内「JSON 格式化」工具获得更好的效果。