JS,html压缩及混淆工具

现在已经出现了不少有自己特色的:

有些太简单的、基于某主流思路仿写(但又未能超越原作的更新版本)的或者Bug太多的我就不列出了。比如用PHP实现的某几种,失败的时候往往比成功要多。(Xee:有时候你会发现压缩代码之后,程序运行不正常了,比较压缩这个东西不可能完美!但是我们又不能不用~~)

----------------------------------------------------------------------------------------??--------------------------------------------------------------------------------

Dean Edwards开发的javascript packer是用在jquery相关项目中最多的packer了。通过这个工具,js文件的大小至少能减少到原来的一半,也就是说压缩比在50%以上,而且可以防止js代码被抄袭,真可谓一举两得。

(Xee:但是注意它可能会压缩出错!就像我说的,没有哪个压缩工具能完美,使用小心就好,如我所知道的:Closure Compiler对语法的要求比较严格,会导致一些Hack技巧无法使用。有篇文章就提到:jquery用的是google的开源js压缩工具,Google Closure Compiler和YUI compressor 是目前最佳的js压缩方式。  Dean Edwards‘ packer 是不推荐使用的!!)

我们先来介绍一下什么是JavaScript Packer混淆

packer现在是3.0。它是一个web工具,可以在线进行压缩。它的使用很简单:

  1. 进入网站
  2. 粘贴要压缩的代码
  3. 执行pack

它还有几个选项:Base62 encode和Shrink variables。如果这两个选项不选的话,只是去掉多余的空格,换行,注释之类的。如果选择Base62 encode基本上就不可读了。如果选择Shrink variables可以压缩变量,具体它是如何做的我不清楚,不过体积的确会变小。不过在我压缩jquery.jform.js时,在测试中发现原本应该是ajax的POST方式提交的结果变成了GET方式,太奇怪了。如果换成不压缩的版本就没有问题。因此定位是这个packer的问题。于是我没有选中Base62 encode,而只是选中了Shrink variables,发现在$.ajax的参数中,原本为type的给变成了typf,当我中选中Base62 encode,但没有选中Shrink variables后,一切正常。

所以我的第一个建议是:当运行出错时,去掉Shrink variables试试。

另外我的第二个建议是:每个函数后面一定要有分号(‘;‘),每个语句后面如果不是大括号括起来的,一定要有分号。不然在运行时会说是少分号,很麻烦。
这里讲了怎么能方便地把分号补全。
http://javascriptcompressor.com/forums/p/19/55.aspx#55 这里推荐的办法是在压缩之前先把代码贴到http://www.jslint.com/ 去做检查,查出所有缺分号的地方,手动补上。

现在OpenbookPlatform中的许多js代码我都进行了压缩,甚至把一些常用的放到了一个full.js文件中,这样可以减少文件读取次数,从而提高效率。

Xee:多文件批量压缩:http://dean.edwards.name/download/中寻找wsh版本, WSH 版本可以从命令行操作!也就是自己写个脚本然后可以批量操作!强悍吧!!!!!

Xee:Dean Edwards其他一些作品工具中的cssQuery这个工具,有点意思,相比之下,我还是喜欢jQuery的选择方式。

----------------------------------------------------------------------------------------??--------------------------------------------------------------------------------

最后,有压缩工具怎么解压缩呢?

解压缩(格式化)地址: http://jsbeautifier.org/ & http://lzw.me/pages/demo/jquery_search_suggest_plugin/

<参考:你用哪种 JavaScript Minifier/Packer/Compressor,好用不? & 使用dean的javascript packer的一些体会 & 也谈谈js的压缩,jquery压缩>

时间: 2024-07-30 00:34:57

JS,html压缩及混淆工具的相关文章

js的压缩与混淆

使用yuicompressor对js的压缩: tar xf jdk-7u45-linux-i586.gz chmod 775  jdk1.7.0_45 mv jdk1.7.0_45 /usr/local/java ln -s /usr/local/java/bin/java /usr/bin/ mv yuicompressor-2.4.8.jar /opt/ java -jar yuicompressor-x.y.z.jar --preserve-semi -o output.js input.

js压缩、混淆和加密

最近看到有些论坛在讨论js压缩.混淆和加密的问题,特意找了些资料看了下,现在总结一下: 1.关于三者的定义与区别 压缩:删除 Javascript 代码中所有注释.跳格符号.换行符号及无用的空格,从而压缩 JS 文件大小,优化页面加载速度. 混淆:经过编码将变量和函数原命名改为毫无意义的命名(如function(a,b,c,e,g)等),以防止他人窥视和窃取 Javascript 源代码,也有一定压缩效果. 加密:一般用eval方法加密,效果与混淆相似,也做到了压缩的效果. 从定义中可以看出,压

折腾一两天,终于学会使用grunt压缩合并混淆JS脚本,小激动,特意记录一下+spm一点意外收获

很长时间没有更新博客了,实在是太忙啦...0.0 ,以下的东西纯粹是记录,不是我原创,放到收藏夹还担心不够,这个以后常用,想来想去,还是放到这里吧,,丢不了..最后一句废话,网上搜集也好原创也罢,能解决问题不糊弄人才是真道理! 反正我的问题解决啦!!!哈哈哈!! 安装grunt 原文:www.bluesdream.com/blog/Windows-installs-the-grunt-and-instructions.html 怕这个网址打不开,记录下: 安装Grunt:如果你之前安装过老的0.

【JS代码压缩】使用YUI Compressor对js文件进行压缩处理

概述 在使用html5开发Hybird APP的时候,可能会引入大量的js包,另外对于一些核心的js文件,进行一些特殊的处理, 如压缩和加密就显得很重要了,YUI Compressor就是这样一个用于压缩js.css的工具(捂脸:其实我用它对代码进行 了压缩作为混淆处理的一种手段了),是采用Java开发的,因此运行的时候需要首先安装Java环境,安装完之后,运 行和配置都是比较简单的. 安装及使用 使用YUI Compressor之前必须先配置java环境,如何配置此处不说了. YUI Comp

也谈谈js的压缩,jquery压缩。【转】

问题缘由: 负责公司的开发平台研发工作,考虑的知识产权的保护工作,必须要考虑java的加密技术和js脚本的加密技术.在目前java加密很容易破解的情况下,还是先搞定js的加密和压缩,一方面可以提高页面加载性能,另外一方面也希望辛苦研发出来的成果得到一定的保护. 研究过程: 1. 先强烈鄙视一下哪些随便转载文章的家伙,给我制造了很大的麻烦!!网上很多帖子都不靠谱.. 2. 首先想了解jquery使用什么压缩的, 网上找了半天,说法不一样,后来还是在jquery官网的最频繁问题中找到了答案,但这已经

Android资源混淆工具使用说明

本篇博客内容转自 github:  https://github.com/shwenzhang/AndResGuard/blob/master/README.zh-cn.md 本文主要是讲述资源混淆组件的用法以及性能,资源混淆组件不涉及编译过程,只需输入一个apk(无论签名与否,debug版,release版均可,在处理过程中会直接将原签名删除),可得到一个实现资源混淆后的apk(若在配置文件中输入签名信息,可自动重签名并对齐,得到可直接发布的apk)以及对应资源ID的mapping文件.同时可

Android代码混淆工具Proguard学习

概述 Proguard代码混淆工具:可以对代码进行去冗余压缩,代码优化,代码混淆等.在Android中的主要应用就是对代码混淆:就是将类名,方法名,Field名变成如a,b,c或者1,2,3等难以阅读和理解的名字,以防止逆向工程和被反编译阅读源码. 使用Proguard 启用 Eclipse下: 项目根路径下有两个文件:project.properties和proguard-project.txt 在project.properties中有这样一段话: # To enable ProGuard

Dotfuscator使用方法免费下载功能说明最强C#代码混淆工具

Dotfuscator专业版是一个.NET混淆器和压缩器,它可以帮助您防止您的应用程序被反编译.同时,它还以可以使得您的应用程序更加小巧以及高效. 具体功能:先进的.NET代码安全技术:  命名空间(Namespace)/类型(Type)/方法(Method)/字段(Field)重命名使用我们拥有专利的Overload-Induction TM重命名系统.具有强大的"超载感应"功能. 控制流混淆-使用本产品,即使是当前最好的反编译器也无法得到有用的输出. 字符串加密. 几个预定义的包含

gulp 项目构建 代码压缩与混淆

1.gulp安装 需要全局安装:npm install gulp -g 还需要本地安装,在项目目录中:npm install gulp --save 2.gulp使用 在项目目录中新建1个gulpfile.js文件. 在这个文件中写上构建代码. gulp-uglify 压缩js 压缩混淆js代码,需要gulp-uglify插件支持.使用npm安装该插件  npm install gulp-uglify // 获取 gulp var gulp = require('gulp'); // 获取 ug