但YUI compressor也有一个缺点,那就是操作不人性化,要用输入命令行的方式进行操作,在实际应用中也有点不方便。今天发现了淘宝人开发的一个软件——TBCompressor,这个软件是在YUI compressor的基础上改进的,使用十分简单,详情请看lifesinger的《TBCompressor – JS和CSS压缩工具》一文。下面是TBCompressor的使用方法,下载请到http://code.google.com/p/ourtoolshttps://img.qb5200.com/download-x/downloads/list下载,选择里面的yuicompressor_2.4.2.zip文件。
- 解压后点击里面的install.cmd安装,如果卸载点击uninstall.cmd就可以了;
- 在要压缩的JS文件或者CSS文件上点击右键,在弹出的菜单中选择Process with YUICompressor;
- 在原文件同一目录下会生成一个已经被压缩后的文件,文件名就是原文件名后面加个“-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