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 相关文章推荐
疯狂Jquery第一天(Jquery学习笔记)
May 11 Javascript
javascript的数据类型、字面量、变量介绍
May 23 Javascript
javascript使用appendChild追加节点实例
Jan 12 Javascript
使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
Sep 24 Javascript
js实现索引图片切换效果
Nov 21 Javascript
node.js实现博客小爬虫的实例代码
Oct 08 Javascript
完美的js图片轮换效果
Feb 05 Javascript
JS实现图片放大缩小的方法
Feb 15 Javascript
关于Vue.nextTick()的正确使用方法浅析
Aug 25 Javascript
JS遍历DOM文档树的方法实例详解
Apr 03 Javascript
详解JavaScript 事件流
Sep 02 Javascript
Openlayers实现距离面积测量
Sep 28 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
ThinkPHP设置禁止百度等搜索引擎转码(简单实用)
2016/02/15 PHP
php使用array_chunk函数将一个数组分割成多个数组
2018/12/05 PHP
CI框架教程之优化验证码机制详解【验证码辅助函数】
2019/04/16 PHP
网页中实现浏览器的最大,最小化和关闭按钮
2007/03/12 Javascript
THREE.JS入门教程(1)THREE.JS使用前了解
2013/01/24 Javascript
nodejs中转换URL字符串与查询字符串详解
2014/11/26 NodeJs
浅谈angularJS 作用域
2015/07/05 Javascript
浅析Bootstrip的select控件绑定数据的问题
2016/05/10 Javascript
JSON与XML的区别对比及案例应用
2016/11/11 Javascript
Vue.js bootstrap前端实现分页和排序
2017/03/10 Javascript
jquery dataTable 获取某行数据
2017/05/05 jQuery
使用jQuery 操作table 完成单元格合并的实例
2017/12/27 jQuery
使用webpack3.0配置webpack-dev-server教程
2018/05/29 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
2018/08/31 Javascript
小程序指纹验证的实现代码
2018/12/04 Javascript
jQuery控制input只能输入数字和两位小数的方法
2019/05/16 jQuery
js回文数的4种判断方法示例
2019/06/04 Javascript
jQuery - AJAX load() 实例用法详解
2019/08/27 jQuery
微信小程序返回上一页传参并刷新过程解析
2019/12/13 Javascript
Python实现从订阅源下载图片的方法
2015/03/11 Python
Python中的进程分支fork和exec详解
2015/04/11 Python
Python设计足球联赛赛程表程序的思路与简单实现示例
2016/06/28 Python
Python爬取附近餐馆信息代码示例
2017/12/09 Python
你真的了解Python的random模块吗?
2017/12/12 Python
Pyqt实现无边框窗口拖动以及窗口大小改变
2018/04/19 Python
解决Python一行输出不显示的问题
2018/12/03 Python
Python绘制全球疫情变化地图的实例代码
2020/04/20 Python
澳大利亚儿童和婴儿产品在线商店:Lime Tree Kids
2017/10/05 全球购物
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
Delphi软件工程师试题
2013/01/29 面试题
移动通信专业自荐信范文
2013/11/12 职场文书
进步之星获奖感言
2014/02/22 职场文书
医学生求职信
2014/07/01 职场文书
民主生活会批评与自我批评总结
2014/10/17 职场文书
2014公司年终工作总结
2014/12/19 职场文书
Pyhton模块和包相关知识总结
2021/05/12 Python