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 flash下fromCharCode和charCodeAt方法使用说明
Jan 12 Javascript
基于jquery的direction图片渐变动画效果
May 24 Javascript
JavaScript判断是否为数字的4种方法及效率比较
Apr 01 Javascript
jQuery实现类似标签风格的导航菜单效果代码
Aug 25 Javascript
js中javascript:void(0) 真正含义
Nov 05 Javascript
jQuery+HTML5美女瀑布流布局实现方法
Sep 21 Javascript
详解JavaScript设计模式开发中的桥接模式使用
May 18 Javascript
input输入框内容实时监测(附代码)
Aug 15 Javascript
js注册时输入合法性验证方法
Oct 21 Javascript
用原生 JS 实现 innerHTML 功能实例详解
Apr 03 Javascript
JavaScript剩余操作符Rest Operator详解
Jul 20 Javascript
详解element-ui中el-select的默认选择项问题
Aug 02 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
Protoss魔法科技
2020/03/14 星际争霸
最简单的PHP程序--记数器
2006/10/09 PHP
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
检查用户名是否已在mysql中存在的php写法
2014/01/20 PHP
destoon首页调用求购供应信息的地区名称的方法
2014/08/21 PHP
PHP7.0版本备注
2015/07/23 PHP
Zend Framework教程之前端控制器Zend_Controller_Front用法详解
2016/03/07 PHP
Yii框架数据库查询、增加、删除操作示例
2019/10/14 PHP
javascript日期转换 时间戳转日期格式
2011/11/05 Javascript
jQuery点击tr实现checkbox选中的方法
2013/03/19 Javascript
基于jquery实现点击左右按钮图片横向滚动
2013/04/11 Javascript
JS回调函数的应用简单实例
2014/09/17 Javascript
jQuery获取页面元素绝对与相对位置的方法
2015/06/10 Javascript
JS之获取样式的简单实现方法(推荐)
2016/09/13 Javascript
解决vue props 拿不到值的问题
2018/09/11 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
2019/04/28 Javascript
pm2发布node配置文件ecosystem.json详解
2019/05/15 Javascript
js判断非127开头的IP地址的实例代码
2020/01/05 Javascript
python基础教程之简单入门说明(变量和控制语言使用方法)
2014/03/25 Python
浅谈django model的get和filter方法的区别(必看篇)
2017/05/23 Python
使用python 打开文件并做匹配处理的实例
2019/01/02 Python
Python3中exp()函数用法分析
2019/02/19 Python
Django QuerySet查询集原理及代码实例
2020/06/13 Python
python利用paramiko实现交换机巡检的示例
2020/09/22 Python
pycharm永久激活超详细教程
2020/10/29 Python
selenium设置浏览器为headless无头模式(Chrome和Firefox)
2021/01/08 Python
路易威登和香奈儿手袋:LuxeDH
2017/01/12 全球购物
德国健康生活方式网上商店:Landkaufhaus Mayer
2019/03/12 全球购物
Bitiba意大利:在线宠物商店
2020/10/31 全球购物
《故都的秋》教学反思
2014/04/15 职场文书
《从现在开始》教学反思
2014/04/15 职场文书
英文推荐信格式范文
2014/05/09 职场文书
公路绿化方案
2014/05/12 职场文书
导游词之河北滦平金山岭长城
2019/10/16 职场文书
关于Python使用turtle库画任意图的问题
2022/04/01 Python
Java多线程并发FutureTask使用详解
2022/06/28 Java/Android