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页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
jQuery EasyUI API 中文文档 - Dialog对话框
Nov 15 Javascript
jQuery中:contains选择器用法实例
Dec 30 Javascript
jquery实现弹出层登录和全屏层注册特效
Aug 28 Javascript
jquery获取select选中值的方法分析
Dec 22 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
vue+swiper实现组件化开发的实例代码
Oct 26 Javascript
angularJS的radio实现单项二选一的使用方法
Feb 28 Javascript
vue使用video.js进行视频播放功能
Jul 18 Javascript
Vue实现push数组并删除的例子
Nov 01 Javascript
Vue路由管理器Vue-router的使用方法详解
Feb 05 Javascript
关于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 获取MSN好友列表的代码(2009-05-14测试通过)
2009/09/09 PHP
PHP中static关键字原理的学习研究分析
2011/07/18 PHP
PHP获取photoshop写入图片文字信息的方法
2015/03/31 PHP
PHP判断密码强度的方法详解
2017/05/26 PHP
PHP实现的折半查询算法示例
2017/10/09 PHP
javascript 传统事件模型构造的事件监听器实现代码
2010/05/31 Javascript
jquery统计输入文字的个数并对其进行判断
2014/01/07 Javascript
NodeJS Web应用监听sock文件实例
2015/02/18 NodeJs
jQuery解析Json实例详解
2015/11/24 Javascript
JavaScript+CSS无限极分类效果完整实现方法
2015/12/22 Javascript
Bootstrap每天必学之滚动监听
2016/03/16 Javascript
Vue 2.x教程之基础API
2017/03/06 Javascript
Node.js 异步异常的处理与domain模块解析
2017/05/10 Javascript
jQuery实现table表格信息的展开和缩小功能示例
2018/07/21 jQuery
AngularJS与后端php的数据交互方法
2018/08/13 Javascript
JS实现字符串翻转的方法分析
2018/08/31 Javascript
vue实现移动端图片上传功能
2019/12/23 Javascript
JavaScript实现简单的计算器
2020/01/16 Javascript
js异步接口并发数量控制的方法示例
2020/11/22 Javascript
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
用Python进行基础的函数式编程的教程
2015/03/31 Python
pycharm中连接mysql数据库的步骤详解
2017/05/02 Python
python爬取淘宝商品详情页数据
2018/02/23 Python
python list是否包含另一个list所有元素的实例
2018/05/04 Python
浅谈Python 函数式编程
2020/06/20 Python
PyTorch安装与基本使用详解
2020/08/31 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
struct和class的区别
2015/11/20 面试题
大专生自我鉴定范文
2013/10/01 职场文书
教职工代表大会主持词
2014/04/01 职场文书
我的老师教学反思
2014/05/01 职场文书
2014年司法局工作总结
2014/12/11 职场文书
文言文辞职信
2015/02/28 职场文书
校本培训个人总结
2015/02/28 职场文书
办公室行政主管岗位职责
2015/04/09 职场文书
导游词之丽江普济寺
2019/10/22 职场文书