Chrome代码格式化高亮扩展推荐-JavaScript and CSS Code Beautifier

无论是作为一名开发人员，还是折腾 WordPress 博客都少不了看一些 CSS、JS 文件，如果自己写的时候注意一下格式可能会看的清楚，如果不是自己写的样式直接在网页上打开看真是难受。在这里使用在线 jQuery 作为演示：

jQuery 样式展示

左边为平时浏览器打开所看到的样式，右边为使用扩展以后的样式。这个扩展是一款 JavaScript 代码格式化、解密、反混淆和 CSS 代码高亮扩展，当你访问 CSS、JavaScript、JSON 文件时，自动格式化并高亮代码。

功能

• 格式化 CSS、JavaScript、JSON 代码
• JavaScript 代码解密、反混淆
• 30 多种代码高亮主题
• 丰富的自定义选项

截图

检测到代码时的提示

格式化并高亮代码

Code Beautifier 选项

下载地址

Chrome 网上应用店 | 百度网盘

应西枫里大佬的要求加一个百度网盘链接 Chrome 网上应用店请自备小飞机

更新记录

v3.3.3 – 2018/02/04

• 添加排除 JSON 文件选项

v3.3.2 – 2017/04/16

• 优化文件类型判断

v3.3.1 – 2016/12/04

• 选项页添加 JSX 代码示例

v3.3 – 2016/12/03

• 更新 CodeMirror 和 JSBeautifier
• 新增 SASS/JSX/TypeScript/CoffeeScript 支持

v3.2.6 – 2016/05/29

• 修复 扩展选项页报错

v3.2.5 – 2016/05/25

• 修复 在后台打开页面时的扩展样式丢失问题

v3.2.4 – 2016/05/20

• 修复 扩展导致部分 GitHub 页面的样式出问题

v3.2.3 – 2016/04/07

• 优化 双击时不激活 Active Line

v3.2.2 – 2016/04/07

• 优化 选择文本时不激活 Active Line

v3.2.1 – 2016/04/03

• 优化 性能
• 新增 Active Line 特性

v3.1 – 2016/04/02

• 更新 CodeMirror 和 JSBeautifier
• 新增 字体选项

v3.0 – 2015/05/09

• 更新 CodeMirror 和 JSBeautifier
• 更新 选项界面

v2.4 – 2013/03/25

• 更新 CodeMirror

v2.3 – 2013/03/14

• 发布到 Chrome 网上应用店
• 更新 CodeMirror

v2.2

• 细节优化

v2.1

• 修复自动格式化无效问题

v2.0

• 使用 CodeMirror 代码高亮编辑器
• 更新格式化代码

v1.0.5

• 程序优化
• 打开弹出面板时自动粘贴剪贴板内容

沈唁志|一个PHPer的成长之路！ 原创文章采用CC BY-NC-SA 4.0协议进行许可，转载请注明：转载自：Chrome代码格式化高亮扩展推荐-JavaScript and CSS Code Beautifier