TBCompressor js代码压缩


Posted in Javascript onJanuary 05, 2011
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文件。

  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
     
Javascript 相关文章推荐
Javascript 面向对象之重载
May 04 Javascript
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
May 15 Javascript
在Linux上用forever实现Node.js项目自启动
Jul 09 Javascript
Easyui form combobox省市区三级联动
Jan 13 Javascript
实例讲解jquery中mouseleave和mouseout的区别
Feb 17 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
Apr 05 Javascript
使用jQuery中的wrap()函数操作HTML元素的教程
May 24 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
May 28 Javascript
js获取指定时间的前几秒
Apr 05 Javascript
js中bool值的转换及“&&”、“||”、 “!!”详解
Dec 21 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
Apr 10 Javascript
使用JQuery自动完成插件Auto Complete详解
Jun 18 jQuery
关于Mozilla浏览器不支持innerText的解决办法
Jan 01 #Javascript
Js event事件在IE、FF兼容性问题
Jan 01 #Javascript
javaScript同意等待代码实现心得
Jan 01 #Javascript
javascript判断用户浏览器插件安装情况的代码
Jan 01 #Javascript
javascript 事件绑定问题
Jan 01 #Javascript
javascript跨域刷新实现代码
Jan 01 #Javascript
extjs中grid中嵌入动态combobox的应用
Jan 01 #Javascript
You might like
PHP编码转换函数 自动转换字符集支持数组转换
2012/12/16 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
php 无限级分类 获取顶级分类ID
2016/03/13 PHP
PHP中PDO的事务处理分析
2016/04/07 PHP
Laravel框架基于中间件实现禁止未登录用户访问页面功能示例
2019/01/17 PHP
基于NodeJS的前后端分离的思考与实践(二)模版探索
2014/09/26 NodeJs
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
2014/10/17 Javascript
AngularJS基础 ng-csp 指令详解
2016/08/01 Javascript
在线引用最新jquery文件的实现方法
2016/08/26 Javascript
d3.js中冷门却实用的内置函数总结
2017/02/04 Javascript
js实现下一页页码效果
2017/03/07 Javascript
JS实现微信里判断页面是否被分享成功的方法
2017/06/06 Javascript
JS实现移动端整屏滑动的实例代码
2017/11/10 Javascript
一个Vue页面的内存泄露分析详解
2018/06/25 Javascript
p5.js临摹动态图形的方法
2019/10/23 Javascript
[01:04]DOTA2上海特锦赛现场采访 FreeAgain遭众解说围攻
2016/03/25 DOTA
python类装饰器用法实例
2015/06/04 Python
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
Python爬虫实战:分析《战狼2》豆瓣影评
2018/03/26 Python
Python socket实现的简单通信功能示例
2018/08/21 Python
Python爬虫学习之获取指定网页源码
2019/07/30 Python
余弦相似性计算及python代码实现过程解析
2019/09/18 Python
Python环境配置实现pip加速过程解析
2020/11/27 Python
学会迭代器设计模式,帮你大幅提升python性能
2021/01/03 Python
IE矩阵Matrix滤镜旋转与缩放及如何结合transform
2012/11/29 HTML / CSS
干部培训自我鉴定
2014/01/22 职场文书
幼儿评语大全
2014/04/30 职场文书
热爱祖国演讲稿
2014/05/04 职场文书
学校督导评估方案
2014/06/10 职场文书
关于诚信的活动方案
2014/08/18 职场文书
党校学习心得体会范文
2014/09/09 职场文书
职业生涯规划书之大学四年
2019/08/07 职场文书
导游词之鲁迅祖居
2019/10/17 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
移除Selenium中window.navigator.webdriver值
2022/06/10 Python
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis