在平常的web开发中，我们时常需要写一些js的类库，当我们发布自己产品的时候，不得不把源代码分发出去；但是这样就会泄露自己的代码。今天使用了一下Jasob感觉不错； 使用Jasob，我们的JavaScript代码无法被任何人理解从而杜绝剽窃和泄密，别人再也不能在我们的代码上做点修改就成了他的作品了。使用Jasob混淆以后，JavaScript的代码大小将缩小为原来的30%，因此浏览器将用更短的时间下载并执行网页代码。

Jasob分析JavaScript的代码并替换掉描述性的变量和函数名称，例如客户、年薪、姓名等等换成没有意义的d、g、m等等，同时也会将不必要的注释、占位符（空格、列表、回车等）去掉。混淆过后的JavaScript的功能维持不变但代码却发生了巨大的改变。这样的一个过程我们称之为混淆，实现混淆的工具成为混淆器。混淆过的代码无法被破解且极难于被理解。Jasob同时也能够与处理JavaScript代码的模式处理样式表CSS代码，另外Jasob还会将非JavaScript/CSS（例如从HTML代码）中的占位符和注释移掉。Jasob附带的其他功能使其成为一个一步到位的网页内容优化解决方案。发行经过混淆的网页内容让您最大限度的保护您自己和您客户的利益并使您的源代码得到最大的保护。

下面简单的记录一下使用Jasob混淆代码的过程；

混淆前得文件情况

<iframe id="iframe_0.8278507050037056" src="data:text/html;charset=utf8,%3Cstyle%3Ebody%7Bmargin:0;padding:0%7D%3C/style%3E%3Cimg%20id=%22img%22%20src=%22http://www.uml.org.cn/j2ee/images/201108051.JPG?_=2349452%22%20style=%22border:none;max-width:1571px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById(‘img‘);%20window.parent.postMessage(%7BiframeId:‘iframe_0.8278507050037056‘,width:img.width,height:img.height%7D,%20‘http://www.cnblogs.com‘);%7D%3C/script%3E" frameborder="0" scrolling="no" width="320" height="240"></iframe>

混淆钱部分文件代码

<iframe id="iframe_0.8367984647453599" src="data:text/html;charset=utf8,%3Cstyle%3Ebody%7Bmargin:0;padding:0%7D%3C/style%3E%3Cimg%20id=%22img%22%20src=%22http://www.uml.org.cn/j2ee/images/201108052.JPG?_=2349452%22%20style=%22border:none;max-width:1571px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById(‘img‘);%20window.parent.postMessage(%7BiframeId:‘iframe_0.8367984647453599‘,width:img.width,height:img.height%7D,%20‘http://www.cnblogs.com‘);%7D%3C/script%3E" frameborder="0" scrolling="no" width="320" height="240"></iframe>

打开jasob，并通过菜单栏或者工具条打开需要混淆的代码文件

<iframe id="iframe_0.030065174390334848" src="data:text/html;charset=utf8,%3Cstyle%3Ebody%7Bmargin:0;padding:0%7D%3C/style%3E%3Cimg%20id=%22img%22%20src=%22http://www.uml.org.cn/j2ee/images/201108053.JPG?_=2349452%22%20style=%22border:none;max-width:1571px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById(‘img‘);%20window.parent.postMessage(%7BiframeId:‘iframe_0.030065174390334848‘,width:img.width,height:img.height%7D,%20‘http://www.cnblogs.com‘);%7D%3C/script%3E" frameborder="0" scrolling="no" width="320" height="240"></iframe>

分析js文件中的函数名、变量名、属性名等

分析代码文件的工具栏按钮

<iframe id="iframe_0.7056635029117488" src="data:text/html;charset=utf8,%3Cstyle%3Ebody%7Bmargin:0;padding:0%7D%3C/style%3E%3Cimg%20id=%22img%22%20src=%22http://www.uml.org.cn/j2ee/images/201108054.JPG?_=2349452%22%20style=%22border:none;max-width:1571px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById(‘img‘);%20window.parent.postMessage(%7BiframeId:‘iframe_0.7056635029117488‘,width:img.width,height:img.height%7D,%20‘http://www.cnblogs.com‘);%7D%3C/script%3E" frameborder="0" scrolling="no" width="320" height="240"></iframe>

分析代码文件得到的变量名称

<iframe id="iframe_0.07475187042545062" src="data:text/html;charset=utf8,%3Cstyle%3Ebody%7Bmargin:0;padding:0%7D%3C/style%3E%3Cimg%20id=%22img%22%20src=%22http://www.uml.org.cn/j2ee/images/201108055.JPG?_=2349452%22%20style=%22border:none;max-width:1571px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById(‘img‘);%20window.parent.postMessage(%7BiframeId:‘iframe_0.07475187042545062‘,width:img.width,height:img.height%7D,%20‘http://www.cnblogs.com‘);%7D%3C/script%3E" frameborder="0" scrolling="no" width="320" height="240"></iframe>

<iframe id="iframe_0.16443917960677323" src="data:text/html;charset=utf8,%3Cstyle%3Ebody%7Bmargin:0;padding:0%7D%3C/style%3E%3Cimg%20id=%22img%22%20src=%22http://www.uml.org.cn/j2ee/images/2011080510.JPG?_=2349452%22%20style=%22border:none;max-width:1571px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById(‘img‘);%20window.parent.postMessage(%7BiframeId:‘iframe_0.16443917960677323‘,width:img.width,height:img.height%7D,%20‘http://www.cnblogs.com‘);%7D%3C/script%3E" frameborder="0" scrolling="no" width="320" height="240"></iframe>

单独给分析得到的名称制定个性化的替换名称

<iframe id="iframe_0.08452546837439612" src="data:text/html;charset=utf8,%3Cstyle%3Ebody%7Bmargin:0;padding:0%7D%3C/style%3E%3Cimg%20id=%22img%22%20src=%22http://www.uml.org.cn/j2ee/images/201108056.JPG?_=2349452%22%20style=%22border:none;max-width:1571px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById(‘img‘);%20window.parent.postMessage(%7BiframeId:‘iframe_0.08452546837439612‘,width:img.width,height:img.height%7D,%20‘http://www.cnblogs.com‘);%7D%3C/script%3E" frameborder="0" scrolling="no" width="320" height="240"></iframe>

利用系统的名称字典包批量替换分析得到的名称

<iframe id="iframe_0.3240074385110905" src="data:text/html;charset=utf8,%3Cstyle%3Ebody%7Bmargin:0;padding:0%7D%3C/style%3E%3Cimg%20id=%22img%22%20src=%22http://www.uml.org.cn/j2ee/images/201108057.JPG?_=2349452%22%20style=%22border:none;max-width:1571px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById(‘img‘);%20window.parent.postMessage(%7BiframeId:‘iframe_0.3240074385110905‘,width:img.width,height:img.height%7D,%20‘http://www.cnblogs.com‘);%7D%3C/script%3E" frameborder="0" scrolling="no" width="320" height="240"></iframe>

混淆并保存混淆后产生的文件

<iframe id="iframe_0.5910695386699527" src="data:text/html;charset=utf8,%3Cstyle%3Ebody%7Bmargin:0;padding:0%7D%3C/style%3E%3Cimg%20id=%22img%22%20src=%22http://www.uml.org.cn/j2ee/images/20110811.JPG?_=2349452%22%20style=%22border:none;max-width:1571px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById(‘img‘);%20window.parent.postMessage(%7BiframeId:‘iframe_0.5910695386699527‘,width:img.width,height:img.height%7D,%20‘http://www.cnblogs.com‘);%7D%3C/script%3E" frameborder="0" scrolling="no" width="320" height="240"></iframe>

混淆后的文件情况

<iframe id="iframe_0.09920229438556105" src="data:text/html;charset=utf8,%3Cstyle%3Ebody%7Bmargin:0;padding:0%7D%3C/style%3E%3Cimg%20id=%22img%22%20src=%22http://www.uml.org.cn/j2ee/images/201108058.JPG?_=2349452%22%20style=%22border:none;max-width:1571px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById(‘img‘);%20window.parent.postMessage(%7BiframeId:‘iframe_0.09920229438556105‘,width:img.width,height:img.height%7D,%20‘http://www.cnblogs.com‘);%7D%3C/script%3E" frameborder="0" scrolling="no" width="320" height="240"></iframe>

混淆后的文件代码

<iframe id="iframe_0.326372824477158" src="data:text/html;charset=utf8,%3Cstyle%3Ebody%7Bmargin:0;padding:0%7D%3C/style%3E%3Cimg%20id=%22img%22%20src=%22http://www.uml.org.cn/j2ee/images/201108059.JPG?_=2349452%22%20style=%22border:none;max-width:1571px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById(‘img‘);%20window.parent.postMessage(%7BiframeId:‘iframe_0.326372824477158‘,width:img.width,height:img.height%7D,%20‘http://www.cnblogs.com‘);%7D%3C/script%3E" frameborder="0" scrolling="no" width="320" height="240"></iframe>

【转】使用Jasob混淆javascript代码