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 面向对象 继承
May 13 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
May 20 Javascript
js实现简单的联动菜单效果
Aug 19 Javascript
BootStrap glyphicon图标无法显示的解决方法
Sep 06 Javascript
BootStrap轮播HTML代码(推荐)
Dec 10 Javascript
获取url中用&隔开的参数实例(分享)
May 28 Javascript
老生常谈js数据类型
Aug 03 Javascript
基于Vue的移动端图片裁剪组件功能
Nov 28 Javascript
更强大的vue ssr实现预取数据的方式
Jul 19 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
Jan 07 Javascript
探索node之事件循环的实现
Oct 30 Javascript
vue项目两种方式实现竖向表格的思路分析
Apr 28 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
PHP中常用的转义函数
2014/02/28 PHP
php计算两个整数的最大公约数常用算法小结
2015/03/05 PHP
PHP用mb_string函数库处理与windows相关中文字符及Win环境下开启PHP Mb_String方法
2015/11/11 PHP
实例分析基于PHP微信网页获取用户信息
2017/11/24 PHP
完整显示当前日期和时间的JS代码
2007/09/17 Javascript
jQuery阻止冒泡和HTML默认操作
2010/11/17 Javascript
jQuery 源码分析笔记(4) Ready函数
2011/06/02 Javascript
自编jQuery插件实现模拟alert和confirm
2014/09/01 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
JavaScript表单焦点自动切换代码
2016/07/24 Javascript
JavaScript 函数模式详解及示例
2016/09/07 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
2016/12/16 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
2017/01/04 Javascript
Jquery实现跨域异步上传文件总结
2017/02/03 Javascript
详解AngularJS2 Http服务
2017/06/26 Javascript
深入浅出es6模板字符串
2017/08/26 Javascript
详解tween.js的使用教程
2017/09/14 Javascript
vue父组件中获取子组件中的数据(实例讲解)
2017/09/27 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
2018/03/06 Javascript
详解vue-cli3使用
2018/08/14 Javascript
详解react内联样式使用webpack将px转rem
2018/09/13 Javascript
Vue动画事件详解及过渡动画实例
2019/02/09 Javascript
Python2.x利用commands模块执行Linux shell命令
2016/03/11 Python
解决Python print 输出文本显示 gbk 编码错误问题
2018/07/13 Python
Python实现的tcp端口检测操作示例
2018/07/24 Python
python3.5绘制随机漫步图
2018/08/27 Python
在python2.7中用numpy.reshape 对图像进行切割的方法
2018/12/05 Python
Python sep参数使用方法详解
2020/02/12 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
写出二分查找算法的两种实现
2013/05/13 面试题
String、StringBuffer、StringBuilder有区别
2015/09/18 面试题
电气工程及其自动化专业求职信
2014/06/23 职场文书
2015年大学辅导员工作总结
2015/05/12 职场文书
2015年机关纠风工作总结
2015/05/15 职场文书
2016学习依法治国心得体会
2016/01/15 职场文书