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 条评论
登录 后参与评论

相关文章

来自专栏Google Dart

AngularDart 4.0 高级-安全

本页面介绍了Angular内置的针对常见的Web应用程序漏洞和跨站脚本攻击等攻击的内置保护。 它不包括应用程序级别的安全性,如身份验证(此用户是谁?)和授权(此...

942
来自专栏GreenLeaves

Fiddler4抓包工具使用教程一

本文参考自http://blog.csdn.net/ohmygirl/article/details/17846199,纯属读书笔记,加深记忆 1、抓包工具有很...

72710
来自专栏行者常至

idea new web project maven jetty

0.转载自http://blog.csdn.net/qwdafedv/article/details/79448332

1161
来自专栏非著名程序员

环境配置:React Native智能开发工具,可代码提醒的IDE—VS Code

(友情提示:RN学习,从最基础的开始,大家不要嫌弃太基础,会的同学请自行略过,希望不要耽误已经会的同学的宝贵时间) VS Code是一个专门为React Nat...

3705
来自专栏极客编程

Vue.js如何写一个简单的原生js模块,浏览器中的表现如何?

浏览器正在逐步的支持原生JavaScript模块。Safari和Chrome的最新版本已经支持它们了,Firefox和Edge也将很快推出。

1832
来自专栏salesforce零基础学习

salesforce零基础学习(七十四)apex:actionRegion以及apex:actionSupport浅谈

我们在开发中,很难会遇见不提交表单的情况。常用的apex:commandButton,apex:commandLink,apex:actionFunction,...

2667
来自专栏雪胖纸的玩蛇日常

Vue学习(4)

1.{{}}模板语法、插值、简单运算 2.指令系统 v-if 真正销毁重建 v-show 更改css的display,用于重复切换出现

622
来自专栏前端达人

在 React 应用中获取数据

可以说 React 是构建 web 应用最流行的库。然而,它并不是全能的 web 框架。它只关注 MVC 中的 view 模块。

2422
来自专栏云计算教程系列

如何使用WP-CLI安装WordPress

很多人都熟悉WordPress的安装,Wordpress安装起来非常简单,其号称5分钟快速安装。但是,当您需要部署多个Wordpress时,重复的工作会拖慢你大...

1562
来自专栏Danny的专栏

学习中遇到的小技巧 二 (陆续更新……)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/...

1164

扫码关注云+社区

领取腾讯云代金券