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

左边为平时浏览器打开所看到的样式,右边为使用扩展以后的样式。这个扩展是一款 JavaScript 代码格式化、解密、反混淆和 CSS 代码高亮扩展,当你访问 CSS、JavaScript、JSON文件时,自动格式化并高亮代码。
功能
- 格式化 CSS、JavaScript、JSON代码
- JavaScript 代码解密、反混淆
- 30 多种代码高亮主题
- 丰富的自定义选项
截图



下载地址
应西枫里大佬的要求加一个百度网盘链接 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
- 程序优化
- 打开弹出面板时自动粘贴剪贴板内容
真羡慕懂各种代码的DALAO
@橘子书 大佬你又低调了
😛 萌新表示这个插件很赞~
@西枫里博客 大佬低调了! 😆