脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → TBCompressor js代码压缩

TBCompressor js代码压缩

 更新时间：2011年01月05日 16:05:10   作者：  
公司原先的JS和CSS文件都是用在线压缩程序压缩的，看似方便，但很容易出错，可能是压缩程序把CSS里面的一些Hack语句给混淆了，于是我决定用大名鼎鼎的YUI compressor。
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的网站，不过这些经过压缩的代码在运行时可能会出错，所以在使用时要谨慎：

相关文章

  • javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字

    javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字

    前两讲我告诉了大家如何使人物移动，那么今天我们就来看看如何实现仿《三国志曹操传》人物情景对话,感兴趣的朋友可以了解下，希望本文对你有所帮助
    2013-01-01
  • JavaScript中的class类详解

    JavaScript中的class类详解

    JavaScript 中的类（Class）是一种新的语言特性，它让我们可以使用面向对象编程的思想来更加方便地组织和管理代码。在本文中，我们将详细介绍 JavaScript 中的类特性，感兴趣的同学可以借鉴阅读
    2023-05-05
  • 微信小程序自定义导航栏（模板化）

    微信小程序自定义导航栏（模板化）

    这篇文章主要为大家详细介绍了微信小程序自定义导航栏（模板化），文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-11-11
  • ros::spin() 和 ros::spinOnce()函数的区别及详解

    ros::spin() 和 ros::spinOnce()函数的区别及详解

    这篇文章主要介绍了ros::spin() 和 ros::spinOnce()函数的区别及详解的相关资料，本文介绍的非常详细，具有参考借鉴价值，感谢兴趣的朋友一起看看吧
    2016-10-10
  • js正则表达式校验指定字符串的方法

    js正则表达式校验指定字符串的方法

    今天小编就为大家分享一篇js正则表达式校验指定字符串的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-07-07
  • fetch跨域问题的使用详解

    fetch跨域问题的使用详解

    这篇文章主要介绍了fetch跨域问题的使用详解,fetch 的核心主要包括：Request , Response , Header , Body，利用了请求的异步特性 --- 它是基于 promise 的，本文通过实例代码给大家介绍的非常详细，需要的朋友可以参考下
    2022-09-09
  • uniapp介绍与使用以及小程序实时获取视频播放时间

    uniapp介绍与使用以及小程序实时获取视频播放时间

    这篇文章主要给大家介绍了关于uniapp介绍与使用以及小程序实时获取视频播放时间的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用uniapp具有一定的参考学习价值,需要的朋友可以参考下
    2023-02-02
  • 理解JAVASCRIPT中hasOwnProperty()的作用

    理解JAVASCRIPT中hasOwnProperty()的作用

    JavaScript中hasOwnProperty函数方法是返回一个布尔值，指出一个对象是否具有指定名称的属性
    2013-06-06
  • 如何根据url 批量下载二维码实现详解

    如何根据url 批量下载二维码实现详解

    这篇文章主要为大家介绍了如何根据url批量下载二维码实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-05-05
  • 概述javascript在Google IE中的调试技巧

    概述javascript在Google IE中的调试技巧

    本篇文章主要是对javascript在Google IE中的调试技巧进行了介绍，需要的朋友可以过来参考下
    2016-11-11

最新评论