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 相关文章推荐
js css样式操作代码(批量操作)
Oct 09 Javascript
30分钟就入门的正则表达式基础教程
Feb 25 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
Oct 01 Javascript
JavaScript生成二维码图片小结
Dec 27 Javascript
jQuery基于BootStrap样式实现无限极地区联动
Aug 26 Javascript
jQuery实现的简单拖动层示例
Feb 22 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
Apr 21 Javascript
JavaScript实现的搜索及高亮显示功能示例
Aug 14 Javascript
ES6扩展运算符用法实例分析
Oct 31 Javascript
js Math数学简单使用操作示例
Mar 13 Javascript
JS原型prototype和__proto__用法实例分析
Mar 14 Javascript
vue-amap根据地址回显地图并mark的操作
Nov 03 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 date函数参数详解
2006/11/27 PHP
php+mysqli实现批量替换数据库表前缀的方法
2014/12/29 PHP
Zend Framework实现多文件上传功能实例
2016/03/21 PHP
PHP中获取文件创建日期、修改日期、访问时间的方法
2016/11/05 PHP
php弹出提示框的是实例写法
2019/09/26 PHP
jquery中获得$.ajax()事件返回的值并添加事件的方法
2010/04/15 Javascript
js中call与apply的用法小结
2013/12/28 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
2014/02/26 Javascript
javascript监听鼠标滚轮事件浅析
2014/06/05 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
2014/06/16 Javascript
jQuery插件jRumble实现网页元素抖动
2015/06/05 Javascript
JS实现IE状态栏文字缩放效果代码
2015/10/24 Javascript
JS留言功能的简单实现案例(推荐)
2016/06/23 Javascript
基于BootStrap实现局部刷新分页实例代码
2016/08/08 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
2016/10/27 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
2017/11/22 Javascript
详解vue文件中使用echarts.js的两种方式
2018/10/18 Javascript
js实现二级联动简单实例
2020/01/11 Javascript
JavaScript实时更新当前的时间的示例代码
2020/07/15 Javascript
Python批量修改文本文件内容的方法
2016/04/29 Python
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
python判断数字是否是超级素数幂
2018/09/27 Python
python导入模块交叉引用的方法
2019/01/19 Python
Python3安装pip工具的详细步骤
2019/10/14 Python
使用tensorflow显示pb模型的所有网络结点方式
2020/01/23 Python
Python-jenkins 获取job构建信息方式
2020/05/12 Python
师范大学音乐表演专业求职信
2013/10/23 职场文书
《哪吒闹海》教学反思
2014/02/28 职场文书
分层教学实施方案
2014/03/19 职场文书
档案信息化建设方案
2014/05/16 职场文书
计算机网络专业自荐书
2014/06/09 职场文书
2015年全国爱眼日活动小结
2015/02/27 职场文书
2016自主招生教师推荐信范文
2015/03/23 职场文书
2015年质量月活动总结报告
2015/03/27 职场文书
作息时间调整通知
2015/04/22 职场文书
教师远程培训心得体会
2016/01/09 职场文书