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 相关文章推荐
在网页里看flash的trace数据的js类
Jan 10 Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
Mar 23 Javascript
Javascript 多浏览器兼容总结(实战经验)
Oct 30 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
Sep 01 Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
Feb 05 Javascript
JavaScript中的数据类型转换方法小结
Oct 26 Javascript
基于Bootstrap实现tab标签切换效果
Apr 15 Javascript
深入理解js generator数据类型
Aug 16 Javascript
Vue.js学习之过滤器详解
Jan 22 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
Jun 16 Javascript
Node.js中DNS模块学习总结
Feb 28 Javascript
node使用request请求的方法
Dec 20 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.ini 中文版
2006/10/28 PHP
[原创]PHP中通过ADODB库实现调用Access数据库之修正版本
2006/12/31 PHP
php中转义mysql语句的实现代码
2011/06/24 PHP
PHP自动识别字符集并完成转码详解
2013/08/02 PHP
PHP高级编程实例:编写守护进程
2014/09/02 PHP
php-fpm.conf配置文件中文说明详解及重要参数说明
2018/10/10 PHP
JQuery 学习笔记 element属性控制
2009/07/23 Javascript
JavaScript 原型链学习总结
2010/10/29 Javascript
理解JavaScript的prototype属性
2012/02/11 Javascript
用javascript替换URL中的参数值示例代码
2014/01/27 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
2016/05/31 Javascript
jQuery UI仿淘宝搜索下拉列表功能
2017/01/10 Javascript
win系统下nodejs环境安装配置
2017/05/04 NodeJs
详解Angular 4 表单快速入门
2017/06/05 Javascript
javascript基本常用排序算法解析
2017/09/27 Javascript
浅谈gulp创建完整的项目流程
2017/12/20 Javascript
详解jQuery-each()方法
2019/03/13 jQuery
微信小程序的tab选项卡的实现效果
2019/05/15 Javascript
Vue.js实现大转盘抽奖总结及实现思路
2019/10/09 Javascript
node使用request请求的方法
2019/12/20 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
2020/03/02 Javascript
python实现向ppt文件里插入新幻灯片页面的方法
2015/04/28 Python
在Django中创建动态视图的教程
2015/07/15 Python
高质量Python代码编写的5个优化技巧
2017/11/16 Python
基于python指定包的安装路径方法
2018/10/27 Python
Pycharm使用远程linux服务器conda/python环境在本地运行的方法(图解))
2019/12/09 Python
python框架flask入门之环境搭建及开启调试
2020/06/07 Python
推荐一些比较有用的css3新属性
2014/11/11 HTML / CSS
留学自荐信
2013/10/10 职场文书
敬老模范事迹
2014/05/21 职场文书
建设工地安全标语
2014/06/07 职场文书
土建施工员岗位职责
2014/07/16 职场文书
房租涨价通知
2015/04/23 职场文书
台风停课通知
2015/04/24 职场文书
大学优秀学生主要事迹材料
2015/11/04 职场文书
Python万能模板案例之matplotlib绘制直方图的基本配置
2022/04/13 Python