TBCompressor js代码压缩

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的网站，不过这些经过压缩的代码在运行时可能会出错，所以在使用时要谨慎：

赞 (0)

相关推荐

  • TBCompressor js代码压缩

    TBCompressor 公司原先的JS和CSS文件都是用在线压缩程序压缩的,看似方便,但很容易出错,可能是压缩程序把CSS里面的一些Hack语句给混淆了,于是我决定用大名鼎鼎的YUI compressor. 但YUI compressor也有一个缺点,那就是操作不人性化,要用输入命令行的方式进行操作,在实际应用中也有点不方便.今天发现了淘宝人开发的一个软件--TBCompressor,这个软件是在YUI compressor的基础上改进的,使用十分简单,详情请看lifesinger的<TBCo

  • Sublime Text 3插件Minify的安装与使用(js代码压缩)

    目录 需要用到的软件 进入正题Minify的安装 Minify文档翻译 需要用到的软件 SublimeText3+Node.js 进入正题Minify的安装 打开SublimeText,快捷键ctrl+shift+p调出package control输入install package找到minify回车安装即可,安装结成功后该文档在编辑器中弹出. # 注意(uglify-js默认只支持es5,如果要支持es6需要当前安装) uglify-js@3已支持es6压缩 # 未安装过minify所需组件

  • 简单JS代码压缩器

    1. 复制代码 代码如下: <!--   - From: <a href="http://www.iecn.net/bbs/view/105499.html" target="_blank">http://www.iecn.net/bbs/view/105499.html</a>   - IECN.NET 2006-09-22   --> <script language="javascript" typ

  • JS代码的格式化和压缩

    曾经为看别人写的杂乱代码而头痛吗?曾经为看BWindow代码而烦恼吗?曾经为减小JS体积和JS的可读性之间的矛盾而左右徘徊吗?最好的办法是有个代码格式化和代码压缩的程序,今天总算有了,它是纯JS编写的,当然也就是开源的了.由于写的仓促,还有些小BUG,请经常注意更新! Format document.getElementById("display").innerHTML = xx.format(); -------------------------------------------

  • Yii安装EClientScript插件扩展实现css,js文件代码压缩合并加载功能

    本文实例讲述了Yii安装EClientScript插件扩展实现css,js文件代码压缩合并加载功能.分享给大家供大家参考,具体如下: 扩展插件下载地址,解压后复制到/protected/vendor/ https://github.com/muayyad-alsadi/yii-EClientScript main配置文件配置插件,components里面增加 //js,css代码压缩,合并 'clientScript' => array( 'class' => 'application.ven

  • 用于CSS代码压缩与格式化的javascript函数代码

    复制代码 代码如下: var lCSSCoder={ format : function(s){//格式化代码 s=s.replace(/\s*([\{\}\:\;\,])\s*/g,"$1"); s=s.replace(/\,[\s\.\#\d]*{/g,"{"); s=s.replace(/([^\s])\{([^\s])/g,"$1 {\n\t$2"); s=s.replace(/([^\s])\}([^\n]*)/g,"$1\n

  • js 加密压缩出现bug解决方案

    这种情况精简后查错的方法:打开IE的脚本错误提示,然后打开调用JS的HTML页面,它会报告缺少分号的所在位置,然后用UE打开精简后JS文件,转到相应位置加上分号,再找到未精简的JS代码中对应的位置加上分号. 例如: 复制代码 代码如下: var a=1 var b=2 改为: 复制代码 代码如下: var a=1; var b=2; ◆尽量在else后面的语句使用大括号 这种情况查错起来比较麻烦,通过正则表达式 else[a-zA-Z0-9]+ 来查找精简后的JS文件,或者查找else后面是否有

  • 百度判断手机终端并自动跳转js代码及使用实例

    百度目前为站长提供了判断手机终端类型并自动实现跳转的js脚本,极大的方便了广大站长及web开发人员.其js脚本的使用方法极其简单. 复制代码 代码如下: <script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script> <SCRIPT type=text/javascript>uare

  • 3款实用的在线JS代码工具(国外)

    3款实用的在线JS代码工具(国外)

    1. 压缩工具 用于在线压缩你的JS代码,它有一个选项"Include latest jquery.min.js",这对于提升速度非常有用. 推荐理由:缩小代码 = 更小的文件大小 = 更快的网页加载速度 2. 美化工具 用于将压缩后的代码转换回正常状态,使代码再次可读.该工具也可用于混淆的代码. 推荐理由:漂亮的代码 = 易读 = 更快地开发 3. 混淆工具 用于保护(混淆)你的代码,使代码不可读.很显然,一些模仿者可以使用一个工具去反混淆/解压缩,但是你为代码设置的保护越多越好.

  • JS代码混淆初步

    一直以来,JS前端代码因为必须经过IE明文解析,某些加密的JS如:JScript.Encode也因为树大招风,早就被人破解了.还有些加密的手段,通过复杂的变换,改变源码,但最终都逃不脱最后的审判,像unescape,document.write,eval语句来还原.对于JS代码的保护,最好的手段就是混淆,混淆的目的就是让读懂代码的成本比直接写代码的成本高,混淆不是不可破解的,只是增加破解成本,JAVA,C#的加密都是采用混淆.这样对于非常核心的代码,混淆起不到保护代码的作用,不过JS有这样的代码

随机推荐