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实现下载远程文件并保存在本地的脚本
May 06 Javascript
innerHTML 和 getElementsByName 在IE下面的bug 的解决
Apr 09 Javascript
document.getElementById的简写方式(获取id对象的简略写法)
Sep 10 Javascript
在JS中如何调用JSP中的变量
Jan 22 Javascript
用javascript实现自动输出网页文本
Jul 30 Javascript
常用的几个JQuery代码片段
Mar 13 Javascript
Angular.js中上传指令ng-upload的基本使用教程
Jul 30 Javascript
element-ui组件中input等的change事件中传递自定义参数
May 22 Javascript
微信小程序关键字变色实现代码实例
Dec 13 Javascript
vue+canvas实现移动端手写签名
May 21 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
Aug 19 Javascript
vue中利用mqtt服务端实现即时通讯的步骤记录
Jul 01 Vue.js
关于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
phpinfo 系统查看参数函数代码
2009/06/05 PHP
怎样去阅读一份php源代码
2009/08/21 PHP
win2003服务器使用WPS的COM组件的一些问题解决方法
2012/01/11 PHP
解密ThinkPHP3.1.2版本之独立分组功能应用
2014/06/19 PHP
ThinkPHP3.1查询语言详解
2014/06/19 PHP
thinkPHP5.0框架简单配置作用域的方法
2017/03/17 PHP
PHP substr()函数参数解释及用法讲解
2017/11/23 PHP
PHP容器类的两种实现方式示例
2019/07/24 PHP
更正确的asp冒泡排序
2007/05/24 Javascript
JavaScript 继承详解(三)
2009/07/13 Javascript
jQuery中prop()方法用法实例
2015/01/05 Javascript
js实现星星打分效果的方法
2020/07/05 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
2016/10/13 Javascript
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
在vue中,v-for的索引index在html中的使用方法
2018/03/06 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
2018/09/18 Javascript
在vue中获取token,并将token写进header的方法
2018/09/26 Javascript
使用layer.msg 时间设置不起作用的解决方法
2019/09/12 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
2019/09/27 Javascript
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
2020/01/22 Javascript
微信小程序国际化探索实现(附源码地址)
2020/05/20 Javascript
vue中实现图片压缩 file文件的方法
2020/05/28 Javascript
PyQt5如何将.ui文件转换为.py文件的实例代码
2020/05/26 Python
Python中格式化字符串的四种实现
2020/05/26 Python
浅谈Python 钉钉报警必备知识系统讲解
2020/08/17 Python
Python偏函数实现原理及应用
2020/11/20 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
Html5与App的通讯方式详解
2019/10/24 HTML / CSS
戴森美国官网:Dyson美国
2016/09/11 全球购物
美国亚洲时尚和美容产品的一站式网上商店:Stylevana
2019/09/05 全球购物
艺术系大学生毕业个人自我评价
2013/09/19 职场文书
毕业生个人的求职信范文
2013/12/03 职场文书
开业主持词
2014/03/21 职场文书
MySQL中order by的使用详情
2021/11/17 MySQL
阿里云服务器部署RabbitMQ集群的详细教程
2022/06/01 Servers