作为一个每天要跟 JavaScript、CSS 和 HTML 打交道的开发者，我试过不少代码格式化工具。Prettier 虽然功能强大，但有时候只想快速美化一段代码，不想打开编辑器或者命令行；在线工具又担心隐私问题。直到我找到了 Code Beautifier Online 这个浏览器插件，它彻底解决了我的痛点。
轻量、免费、离线可用
这款插件最大的优点就是 轻量且完全免费。安装后，点击浏览器工具栏图标就能打开一个简洁的界面。左侧是输入区，右侧是输出区，中间有一排按钮。你可以直接把文件拖进去，或者点击左上角的 （+） 按钮从本地选择文件。最让我喜欢的是它能自动检测代码语言——无论是 .js、.css 还是 .html，都不需要手动切换，格式化的依据就是识别到的语法。
对比主流插件：优势在哪里？
之前我用过 JSBeautify 和 Prettier 的浏览器版本。JSBeautify 只支持 JavaScript，如果你混写 HTML 和 CSS 就必须来回切工具；Prettier 的在线版虽然支持多语言，但需要网络连接，而且配置选项太多，新手容易眼花缭乱。而 Code Beautifier Online 完美平衡了功能与简洁：它基于开源的 js-beauty 库，同时用 CodeMirror 做语法高亮，格式化后的代码不仅整齐，还带有颜色区分，阅读体验极好。更重要的是，它支持离线使用，断网时也能照样工作，这对于经常在飞机或地铁上写代码的我来说非常实用。
怎么用？这些细节太贴心了
界面上方有一个工具栏，按钮含义一目了然：撤销、重做、清空、下载、复制。你可以随意调整偏好设置（比如缩进大小、换行规则），改动后输出区域会实时变化。搞定之后点击下载按钮就能保存格式化后的文件。另外，如果你只想格式化整个网页中的某段代码，也可以直接选中文本，通过右键菜单快速调用插件（需要在扩展设置中开启权限）。
适合哪些场景？
- 前端调试：从控制台复制一段压缩的 JavaScript，黏贴后一键变成可读结构，排查问题效率翻倍。
- 代码分享：在技术论坛或博客贴代码时，先美化再复制，保持排版统一。
- 学习拆解：把网上的混淆代码丢进去格式化，配合高亮逐步理解逻辑。
总的来说，Code Beautifier Online 是一个小而美的工具，没有广告、没有冗余功能，专注于做好代码格式化这一件事。如果你也在找一款不拖泥带水的浏览器插件，它值得你收藏。