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 相关文章推荐
ext 代码生成器
Aug 07 Javascript
toString()一个会自动调用的方法
Feb 08 Javascript
js控制的遮罩层实例介绍
May 29 Javascript
JavaScript中诡异的delete操作符
Mar 12 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
Feb 03 Javascript
Vue中this.$router.push参数获取方法
Feb 27 Javascript
JavaScript 中的12种循环遍历方法【总结】
May 31 Javascript
JavaScript引用类型Array实例分析
Jul 24 Javascript
javascript实现遮罩层动态效果实例
May 14 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
Jul 15 Javascript
深入分析JavaScript 事件循环(Event Loop)
Jun 19 Javascript
浅谈JS的原型和原型链
Jun 04 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
Eclipse中php插件安装及Xdebug配置的使用详解
2013/04/25 PHP
PHP+ajax分页实例简析
2015/12/07 PHP
学习php设计模式 php实现抽象工厂模式
2015/12/07 PHP
使用PHP如何实现高效安全的ftp服务器(一)
2015/12/20 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
JavaScript中的pow()方法使用详解
2015/06/15 Javascript
javascript点击按钮实现隐藏显示切换效果
2016/02/03 Javascript
使用vue.js写一个tab选项卡效果
2017/03/25 Javascript
socket.io学习教程之深入学习篇(三)
2017/04/29 Javascript
详解Nodejs之静态资源处理
2017/06/05 NodeJs
简单了解JavaScript中常见的反模式
2019/06/21 Javascript
微信小程序webview 脚手架使用详解
2019/07/22 Javascript
Vue 使用Props属性实现父子组件的动态传值详解
2019/11/13 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
2019/11/26 Javascript
[48:23]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第一局
2016/03/05 DOTA
python批量提交沙箱问题实例
2014/10/08 Python
初步理解Python进程的信号通讯
2015/04/09 Python
Django中的“惰性翻译”方法的相关使用
2015/07/27 Python
Python mutiprocessing多线程池pool操作示例
2019/01/30 Python
我用Python抓取了7000 多本电子书案例详解
2019/03/25 Python
pyhton中__pycache__文件夹的产生与作用详解
2019/11/24 Python
Python ConfigParser模块的使用示例
2020/10/12 Python
python实现网页录音效果
2020/10/26 Python
全网最细 Python 格式化输出用法讲解(推荐)
2021/01/18 Python
美国百年历史早餐食品供应商:Wolferman’s
2017/01/18 全球购物
英国异国风情旅游网站:Travel Talk Tours(团体旅游、探险旅游、帆船假期)
2018/07/26 全球购物
《再别康桥》教学反思
2014/02/12 职场文书
竞选体育委员演讲稿
2014/04/26 职场文书
2014年社会实践活动总结范文
2014/04/29 职场文书
感谢信的格式
2015/01/21 职场文书
2015年教学工作总结
2015/04/02 职场文书
你对自己的信用报告有过了解吗?
2019/07/09 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python
Java常用函数式接口总结
2021/06/29 Java/Android
MySQ InnoDB和MyISAM存储引擎介绍
2022/04/26 MySQL