专栏首页沈唁志Chrome代码格式化高亮扩展推荐-JavaScript and CSS Code Beautifier

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Composer – PHP的春天依赖管理的新时代

    沈唁
  • WordPress插件开发教程一:创建、停用、删除插件

    在wp-content/plugins创建一个文件夹,命名最好加前缀,WordPress官方现在应该收录了有五万多的插件,所以要起一个特殊的名称,防止插件和别人...

    沈唁
  • 程序员的Mac入门-怎么修改启动台Launchpad图标排列数量

    Launchpad 是用来查找和打开 Mac 系统下的 app 的最快捷方式,通过 Launchpad 可以查看、整理并轻松打开 Mac 里面几乎所有的应用软件

    沈唁
  • iOS-修改系统 TabbarItem 图片、文字颜色

    用户1890628
  • 记一次渗透过程中用sqlmap写shell

    这里看到了一个sa用户,嗯,有亮点!不过暂时也用不到,后面讲到提权的时候会提到sa

    HACK学习
  • 带交互的telnet小工具,Golang版

    package netTools //main // import ( "fmt" "net" "strconv" "strings" "time"...

    李海彬
  • 小谈中文环境下中文排版的font-family 字体选择

    在开发Mindia 主题的时候,为了弄出相对好看的中文排版,特意补习了下中文排版的font-family 字体选择的相关资料。以下就从自己的角度说下自己的不算得...

    Jeff
  • 转-带交互的telnet小工具,golang版

    package netTools //main // import ( "fmt" "net" "strconv" "strings" "time"...

    李海彬
  • 10分钟教你用eclipse上传代码到GitHub

    加上现在GitHub的私有仓库不是免费了嘛,所以今天顺便给大家讲讲怎么用eclipse上传代码到GitHub吧。

    短短的路走走停停
  • 动态规划进阶篇1---背包问题

    给定n种物品和一背包。物品i的重量是wi,其价值为vi,背包的容量为C。问应如何选择装入背包的物品,使得装 入背包中物品的总价值最大?

    帅地

扫码关注云+社区

领取腾讯云代金券