今天要分享给大家的是一款用来压缩JS和CSS的工具—— TBCompressor。它是淘宝在著名的YUI compressor基础上改的,操作十分简单,也省去了繁琐的命令行操作。

*安装前请确定本机已经安装JDK环境,如果没有JDK环境,请前往官方网站下载Java SE Development Kit (JDK) JDK 6 Update **

安装完成后须配置JAVA_HOME环境变量才行

配置方法如下:

1.右键点击 我的电脑>属性>高级>环境变量>系统变量

2.新建变量,变量名JAVA_HOME 路径: C:\Program Files\Java\jdk1.6.0_14? (默认的安装路径)

3.找到path变量,在后面添加路径: ;C:\Program Files\Java\jdk1.6.0_14\bin (前面有个分号)

OK,一路确定,关闭窗口.

打开CMD,输入java -version 如果能看到版本信息就说明配置成功了

下载请到http://code.google.com/p/ourtools/downloads/list下载,选择里面的yuicompressor_2.4.2.zip文件。

以下是安装方法:

1.解压后点击里面的install.cmd安装,如果卸载点击uninstall.cmd就可以了;

2.在要压缩的JS文件或者CSS文件上点击右键,在弹出的菜单中选择Process with YUICompressor

3.在原文件同一目录下会生成一个已经被压缩后的文件,文件名就是原文件名后面加个“-min”。比如原文件名为“test.js”,那么压缩后的文件就是“test-min.js”。建议把文件名取成name.source.js类型的,它会自动压缩生成name.js文件。

注意:TBCompressor默认压缩文件的编码类型为GB18030,如果要压缩其它编码类型的文件就修改下安装目录下的compressor.cmd文件,把里面的GB18030替换为你要的编码类型就可以了。比如我用的是UTF8,就把GB18030改成utf-8就行了。TBCompressor的压缩率并不是太高,但是却十分安全,对于CSS文件的Hack也能很好的保留。如果你是个对代码有洁癖的人,也可以利用己压缩的文件再优化。

下面再介绍一些在线优化JS和CSS的网站,不过这些经过压缩的代码在运行时可能会出错,所以在使用时要谨慎:

http://javascriptcompressor.com/

http://www.xmlforasp.net/JSCompressor.aspx

http://compressorrater.thruhere.net/

http://jsbeautifier.org/

http://www.codebeautifier.com/

http://www.lonniebest.com/FormatCSS/

http://www.cssdrive.com/index.php/main/csscompressor/

http://tools.arantius.com/css-compressor