标签归档：compressor
JavaScript压缩工具
JavaScript压缩工具很多，常用的可能就是YUICompressor、Closure Compiler、Packer，但我最常用的还是YUICompressor。 YUICompressor YUICompressor是建立在rhino interpreter基础上的，所以它的特点就是安全。YUICompressor是用Java编写的，要运行它首先要配置好Java环境。YUICompressor的压缩内容如下： 移除注释 移除额外的空格 细微优化 标识符替换（Identifier Replacement） 使用YUICompressor的命令行代码如下： java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js –charset utf-8 YUICompressor在压缩时还能够自动检查JS代码是否有错误，如果有错误它会列出错误的行数和原因。更难得的是，它也可以压缩CSS文件，对于前端人员简直就是一把多功能的瑞士军刀。 淘宝UED部把YUICompressor封装成了TBCompressor，这里有篇《TBCompressor介绍》，使用TBCompressor更加简单快捷。 Closure Compiler Closure Compiler是Google公司公布的一款JS压缩工具，和YUICompressor相比，它的压缩率稍微高点，只是稍微，但对代码的准确率要求更高点。这里有一篇LifeSinger整理的《Closure Compiler vs YUICompressor》，讲述了两者的异同，可以做为选择的一个参考。 Closure Compiler使用的命令行代码如下： java -jar compiler.jar –js hello.js –js_output_file hello-compiled.js Closure Compiler还不仅提供了一个网络版可以直接在网页上压缩，而且还开放了API，你可以用HTML、Python或者其它语言文件调用这个API来压缩JS文件。 Packer … 继续阅读
介绍一个CSS压缩网站
cleancss是一个免费提供CSS代码格式化和优化服务的网站，它的压缩能力很强。 在“CSS Input”栏中输入所要压缩的CSS代码，点击“Process CSS”按钮就能在页面的最下方找到压缩过后的CSS代码了。 “Code Layout”栏中是它的选项，第一个选项是代码压缩级，有五个选项： Highest (no readability, smallest size)：最高级压缩，可读性非常差，但是体积最小； High (moderate readability, smaller size)：高级压缩，可读性差，体积小； Standard (balance between readability and size)：标准压缩，可读性不错； Low (higher readability)：低级压缩，可读性强； Custom (enter below) ：用户自定义。 以上五个选项中Highest（最高级压缩）的体积最小，甚至比自己手动写的代码体积还要小，不过在使用前最好还是检查一下。它的下面还有很多选项，就不一一列举了，不过个人认为只要按照它默认的设置压缩就可以了，压缩的有关信息可以在“Messages”栏中获得。
TBCompressor介绍
公司原先的JS和CSS文件都是用在线压缩程序压缩的，看似方便，但很容易出错，可能是压缩程序把CSS里面的一些Hack语句给混淆了，于是我决定用大名鼎鼎的YUI compressor。 但YUI compressor也有一个缺点，那就是操作不人性化，要用输入命令行的方式进行操作，在实际应用中也有点不方便。今天发现了淘宝人开发的一个软件——TBCompressor，这个软件是在YUI compressor的基础上改进的，使用十分简单,详情请看lifesinger的《TBCompressor – JS和CSS压缩工具》一文。下面是TBCompressor的使用方法，下载请到http://code.google.com/p/ourtools/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