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的高性能td和input切换并可修改内容实现代码
Jan 09 Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 Javascript
jquery实现按Enter键触发事件示例
Sep 10 Javascript
node.js中的buffer.slice方法使用说明
Dec 10 Javascript
JQuery操作元素的css样式
Mar 09 Javascript
JS字符串的切分用法实例
Feb 22 Javascript
使用Curl命令查看请求响应时间方法
Nov 04 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
Dec 07 Javascript
webpack进阶——缓存与独立打包的用法
Aug 02 Javascript
JS实现在文本指定位置插入内容的简单示例
Dec 22 Javascript
Vue项目自动转换 px 为 rem的实现方法
Oct 29 Javascript
关于AOP在JS中的实现与应用详解
May 06 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性能的原理介绍
2012/09/05 PHP
PHP如何读取由JavaScript设置的Cookie
2017/03/22 PHP
Javascript Object.extend
2010/05/18 Javascript
商城常用滚动的焦点图效果代码简单实用
2013/03/28 Javascript
简易js代码实现计算器操作
2013/04/15 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
2013/11/05 Javascript
jquery对单选框,多选框,文本框等常见操作小结
2014/01/08 Javascript
JavaScript中的setMilliseconds()方法使用详解
2015/06/11 Javascript
jQuery实现的调整表格行tr上下顺序
2016/01/10 Javascript
AngularJS实现自定义指令与控制器数据交互的方法示例
2017/06/19 Javascript
jQuery UI Draggable + Sortable 结合使用(实例讲解)
2017/09/07 jQuery
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
vue router+vuex实现首页登录验证判断逻辑
2018/05/17 Javascript
vuex提交state&&实时监听state数据的改变方法
2018/09/16 Javascript
vuex 解决报错this.$store.commit is not a function的方法
2018/12/17 Javascript
vue+Element实现搜索关键字高亮功能
2019/05/28 Javascript
基于elementUI竖向表格、和并列的案例
2020/10/26 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
Python使用PyGreSQL操作PostgreSQL数据库教程
2014/07/30 Python
Python中关于字符串对象的一些基础知识
2015/04/08 Python
Python 实现域名解析为ip的方法
2019/02/14 Python
Python小白必备的8个最常用的内置函数(推荐)
2019/04/03 Python
python经典趣味24点游戏程序设计
2019/07/26 Python
详解python中GPU版本的opencv常用方法介绍
2020/07/24 Python
Matplotlib 折线图plot()所有用法详解
2020/07/28 Python
详解python metaclass(元类)
2020/08/13 Python
Python web框架(django,flask)实现mysql数据库读写分离的示例
2020/11/18 Python
使用pandas读取表格数据并进行单行数据拼接的详细教程
2021/03/03 Python
详解CSS3的box-shadow属性制作边框阴影效果的方法
2016/05/10 HTML / CSS
印尼值得信赖的在线交易网站:Bukalapak
2019/03/11 全球购物
LN-CC中国:高端男装和女装的奢侈时尚目的地
2019/09/14 全球购物
标准导师推荐信(医学类)
2013/10/28 职场文书
写给妈妈的道歉信
2014/01/11 职场文书
高中打架检讨书
2014/02/13 职场文书
党员公开承诺事项
2014/03/25 职场文书
Jupyter notebook 更改文件打开的默认路径操作
2021/05/21 Python