步骤 1
选择目标语言并输入代码
从标签中选择 HTML、CSS 或 JavaScript，再将要处理的代码粘贴到输入区域。
确认点
- 目标语言的标签已被选中
- 输入区域中已输入要处理的代码
- 输入信息中显示当前选中的语言
本画面的操作
01
切换目标语言
可在 HTML、CSS、JavaScript 标签之间切换，选择要处理的语言。
02
输入代码
可将想格式化或压缩的代码直接粘贴到输入区域。
使用方法
HTML / CSS / JS 格式化的使用方法
在浏览器中格式化和压缩 HTML、CSS、JavaScript 的开发辅助工具，适合让损坏代码更易阅读，或在分享前生成更轻量的代码。在 HTML、CSS、JavaScript 之间切换，并在一个页面内完成格式化、压缩、确认与复制。
- 步骤
- 2 步
- 指南
- 附截图说明
- 内容
- 注意事项与 FAQ
适用场景
适合在这些时候使用
- 让损坏的 HTML 更易阅读
- 压缩 CSS 或 JavaScript
- 整理前端代码后再分享
- 提升复制代码的可读性，方便复用
- 部署前压缩文件以减小体积
- 整理代码风格后再分享
可实现内容
这个工具可以做什么
- 切换 HTML、CSS 与 JavaScript
- 执行格式化与压缩
- 复制结果
- 一键切换格式化与压缩
- 将结果直接复制到剪贴板
- 在同一页面支持 HTML、CSS 和 JavaScript
步骤
步骤
这里按顺序整理操作流程与确认点，便于边看页面边继续操作。
步骤 2
格式化或压缩并复制结果
点击“格式化”或“压缩”，确认结果后，再点击“复制结果”并粘贴到需要的位置。
确认点
- 结果区域中显示处理后的代码
- 输入信息中显示可处理状态或错误信息
- 可复制结果并粘贴到下一处
本画面的操作
01
格式化
当需要将代码整理为便于阅读的结构时使用。
02
压缩
当需要尽量减少空格与换行并生成最短代码时使用。
03
复制结果
可直接复制结果区域中的代码，并粘贴到编辑器或管理后台。
注意事项
注意事项
将使用前应先判断的重要点按原因归纳整理。
确认事项
处理前先选择目标语言
格式化与压缩会按当前选中的语言规则执行。请先确认要处理的是 HTML、CSS 还是 JavaScript。
确认事项
压缩前先确认格式化结果
压缩会移除大量空格与换行。如果可读性更重要，建议先查看格式化结果，再决定最终输出。
注意
不支持 TypeScript、SCSS 等其他语言
本工具仅支持 HTML、CSS 和 JavaScript，不支持 TypeScript、SCSS 和 JSX。使用前请先确认目标语言。
FAQ
关于 HTML / CSS / JS 格式化 的常见问题
这里先整理能帮助使用前判断的常见问题。
支持哪些语言？
支持 HTML、CSS 与 JavaScript，不支持 TypeScript 与 SCSS。
代码会被上传到其他地方吗？
不会。格式化、压缩与复制都在浏览器中完成。
支持 TypeScript 或 SCSS 吗？
本页仅支持 HTML、CSS 和 JavaScript，不支持 TypeScript、SCSS 和 JSX。
可以更改缩进大小吗？
目前使用标准缩进设置进行格式化，不支持自定义缩进宽度。
代码会被发送到外部服务器吗？
不会。格式化和压缩处理完全在浏览器内完成。
压缩后代码还能正常运行吗？
压缩会去除注释和空白字符，将不影响运行的字符最小化。建议处理前先确认原始代码运行正常。
下一步指南
相关指南
这里整理了相关指南，便于继续操作时不迷失。
