学一学非常实用的简单的JavaScript各种加密和解密的方法

群发软件

	一：最简单的加密解密 　　大家对于JAVASCRIPT函数escape()和unescape()想必是比较了解啦（很多网页加密在用它们），分别是编码和解码字符串，比如例子代码用escape()函数加密后变为如下格式： alert%28%22%u9ED1%u5BA2%u9632%u7EBF%22%29%3B 如何？还看的懂吗？当然其中的ASCII字符"alert"并没有被加密，如果愿意我们可以写点JAVASCRIPT代码重新把它加密如下： %61%6C%65%72%74%28%22%u9ED1%u5BA2%u9632%u7EBF%22%29%3B 　　呵呵！如何？这次是完全都加密了！ 　　当然，这样加密后的代码是不能直接运行的，幸好还有eval(codeString)可用，这个函数的作用就是检查JavaScript代码并执行，必选项 codeString 参数是包含有效 JavaScript 代码的字符串值，加上上面的解码unescape()，加密后的结果如下： <SCRIPT LANGUAGE="JavaScript">   var code=unescape("%61%6C%65%72%74%28%22%u9ED1%u5BA2%u9632%u7EBF%22%29%3B");   eval(code)   </SCRIPT> 　　是不是很简单？不要高兴，解密也就同样的简单，解密代码都摆给别人啦（unescape()）！呵呵 　　二：转义字符"\"的妙用 　　大家可能对转义字符""不太熟悉，但对于JavaScript提供了一些特殊字符如：\n （换行）、 \r （回车）、\’ （单引号 ）等应该是有所了解的吧？其实"\"后面还可以跟八进制或十六进制的数字，如字符"a"则可以表示为："\141"或"\x61"（注意是小写字符"x"），至于双字节字符如汉字"黑"则仅能用十六进制表示为"\u9ED1"（注意是小写字符"u"），其中字符"u"表示是双字节字符，根据这个原理例子代码则可以表示为： 　　八进制转义字符串如下:   <SCRIPT LANGUAGE="JavaScript">   eval("\141\154\145\162\164\50\42\u9ED1\u5BA2\u9632\u7EBF\42\51\73")   </SCRIPT> 十六进制转义字符串如下:   <SCRIPT LANGUAGE="JavaScript">   eval("\x61\x6C\x65\x72\x74\x28\x22\u9ED1\u5BA2\u9632\u7EBF\x22\x29\x3B")   </SCRIPT> 　　这次没有了解码函数，因为JavaScript执行时会自行转换，同样解码也是很简单如下： <SCRIPT LANGUAGE="JavaScript">   alert("\x61\x6C\x65\x72\x74\x28\x22\u9ED1\u5BA2\u9632\u7EBF\x22\x29\x3B")   </SCRIPT> 　　就会弹出对话框告诉你解密后的结果！ 　　三：使用Microsoft出品的脚本编码器Script Encoder来进行编码 　　工具的使用就不多介绍啦！我是直接使用JavaScript调用控件Scripting.Encoder完成的编码！代码如下： <SCRIPT LANGUAGE="JavaScript">   var Senc=new ActiveXObject("Scripting.Encoder");   var code='<SCRIPT LANGUAGE="JavaScript">\r\nalert("黑客防线");\r\n<\/SCRIPT>';   var Encode=Senc.EncodeScriptFile(".htm",code,0,"");   alert(Encode);   </SCRIPT> 　　编码后的结果如下：   <SCRIPT LANGUAGE="JScript.Encode">#@~^FgAAAA==@#@&ls DD`J黑客防线r#p@#@&FgMAAA==^#~@</SCRIPT> 　　够难看懂得吧？但相应的解密工具早已出来，而且连解密网页都有！因为其解密网页代码过多，我就不多说拉！给大家介绍一下我独创的解密代码，如下： <SCRIPT LANGUAGE="JScript.Encode">   function decode()   alert(decode.toString());   </SCRIPT> 　　咋样？够简单吧？它是原理是：编码后的代码运行前IE会先对其进行解码，如果我们先把加密的代码放入一个自定义函数如上面的decode()中，然后对自定义函数decode调用toString()方法，得到的将是解码后的代码！ 　　如果你觉得这样编码得到的代码LANGUAGE属性是JScript.Encode，很容易让人识破，那么还有一个几乎不为人知的window对象的方法execScript()，其原形为： window.execScript( sExpression, sLanguage ) 　　参数：   　　sExpression: 必选项。字符串(String)。要被执行的代码。   　　sLanguage　: 必选项。字符串(String)。指定执行的代码的语言。默认值为 Microsoft JScript 　　使用时，前面的"window"可以省略不写！ 　　利用它我们可以很好的运行编码后的JavaScript代码，如下： <SCRIPT LANGUAGE="JavaScript">   execScript("#@~^FgAAAA==@#@&ls DD`J黑客防线r#p@#@&FgMAAA==^#~@","JScript.Encode")   </SCRIPT> 　　你可以利用方法二对其中的""号内的字符串再进行编码，使得"JScript.Encode"以及编码特征码"#@~^"不出现，效果会更好！ 　　四：任意添加NUL空字符（十六进制00H） 　　一次偶然的实验，使我发现在HTML网页中任意位置添加任意个数的"空字符"，IE照样会正常显示其中的内容，并正常执行其中的JavaScript 代码，而添加的"空字符"我们在用一般的编辑器查看时，会显示形如空格或黑块，使得原码很难看懂，如用记事本查看则"空字符"会变成"空格"，利用这个原理加密结果如下：（其中显示的"空格"代表"空字符"） <S    C    RI    P T L    ANG U    A        G E       ="    J    a    v a S    c r    i p t "> a    l er    t    (" 黑    客 防 线")    ;        <    /    SC    R    I    P    T>   　　   　　如何？是不是显得乱七八糟的？如果不知道方法的人很难想到要去掉里面的"空字符"（00H）的！ 　　五：无用内容混乱以及换行空格TAB大法 　　在JAVASCRIPT代码中我们可以加入大量的无用字符串或数字，以及无用代码和注释内容等等，使真正的有用代码埋没在其中，并把有用的代码中能加入换行、空格、TAB的地方加入大量换行、空格、TAB，并可以把正常的字符串用""来进行换行，这样就会使得代码难以看懂！如我加密后的形式如下： <SCRIPT LANGUAGE="JavaScript">   "xajgxsadffgds";1234567890   625623216;var $=0;alert//@$%%&*()(&(^%^   //cctv function//   (//hhsaasajx xc   /*   asjgdsgu*/   "黑 客   防线"//ashjgfgf   /*   @#%$^&%$96667r45fggbhytjty   */   //window   )   ;"#@$#%@#432hu";212351436   </SCRIPT> 　　至少如果我看到这样的代码是不会有心思去分析它的，你哪？ 　　六：自写解密函数法 　　这个方法和一、二差不多，只不过是自己写个函数对代码进行解密，很多VBS病毒使用这种方法对自身进行加密，来防止特征码扫描！下面是我写的一个简单的加密解密函数， 加密代码如下（详细参照文件"加密.htm"）：   <SCRIPT LANGUAGE="JavaScript">   function compile(code)   {       var c=String.fromCharCode(code.charCodeAt(0)+code.length);      for(var i=1;i<code.length;i++){      c+=String.fromCharCode(code.charCodeAt(i)+code.charCodeAt(i-1));      }      alert(escape(c));   }   compile(’alert("黑客防线");’)   </SCRIPT> 运行得到加密结果为：o%CD%D1%D7%E6%9CJ%u9EF3%uFA73%uF1D4%u14F1%u7EE1Kd 相应的加密后解密的代码如下： <SCRIPT LANGUAGE="JavaScript">   function uncompile(code)   {      code=unescape(code);      var c=String.fromCharCode(code.charCodeAt(0)-code.length);      for(var i=1;i<code.length;i++){      c+=String.fromCharCode(code.charCodeAt(i)-c.charCodeAt(i-1));      }      return c;   }   eval(uncompile("o%CD%D1%D7%E6%9CJ%u9EF3%uFA73%uF1D4%u14F1%u7EE1Kd"));   </SCRIPT> 　　七：错误的利用 　　利用try{}catch(e){}结构对代码进行测试解密，虽然这个想法很好（呵呵，夸夸自己），因为实用性不大，我仅给个例子 <SCRIPT LANGUAGE="JavaScript"> var a=’alert("黑客防线");’;   var c="";   for(var i=0;i<a.length;i++){   c+=String.fromCharCode(a.charCodeAt(i)^61);} alert(c); //上面的是加密代码，当然如果真正使用这个方法时，不会把加密写上的   //现在变量c就是加密后的代码 //下面的函数t()先假设初始密码为０，解密执行，   //遇到错误则把密码加１，然后接着解密执行，直到正确运行 var d=c;    //保存加密后的代码   var b=0;    //假定初始密码为0   t(); function t(){ try{eval(c);} catch(e){ c=""; for(var i=0;i<d.length;i++){ c+=String.fromCharCode(d.charCodeAt(i)^b);} b+=1; t(); //setTimeout("t()",0); } } </SCRIPT> 好久没有写博客了，不是没有在学习新东西，是最近比较忙，没有总结。 今天聊的话题是防止js篡改。JavaScript代码和需要编译的代码有一点不同是，网页上会直接请求js文件源码，而编译的语言运行时使用的是编译后的文件。即使这样，很多编译语言（比如Java）都会做源码混淆（obfuscation），前端这样的纯文本应用，更需要做点什么保护我们的逻辑代码不被篡改和窥探。 防止js篡改的原理也很简单，就是增加破解的代价。一下源码可以在我的github查看。 注意：我这里说的前端加密，是对浏览器端的js文件加密，不是传输过程中的加密，不涉及hash摘要等 1. 降低可读性1.1 压缩（compression） 很好理解，就是去掉注释、多于的空格、简化标识符等等。工具很多，YUI Compressor、UglifyJS、Google Closure Compiler等等。 1.2 混淆（obfuscation） 保证不破坏代码执行结果的情况下，让代码变得难以阅读。常用混淆规则：拆分字符串、拆分数组、增加废代码、，压缩其实也有一定混淆功能。本质就是改变输入代码字符串的抽象语法树（AST）的结构。其他工具：v8就是一个，还有mozilla的SpiderMonkey, 知名的esprima，还有uglify；商业混淆服务有：jscramble。 1.3 加密（encryption） 这里的加密指文本可逆编码，是狭义的加密，也就是我们常说的加密啦。这个部分依然是借助一些工具，如： Packer 、bcrypt等等。 2. 代码不放置在JS文件中 将代码放在非js文件中，增加定位难度。这里常用的方式有两种：放置到png中，通过HTML Canvas 2D Context获取二进制数据的特性，可以用图片来存储脚本资源；放置到css文件中，利用content样式可以存放字符串的特性，同样可以。 2.1 png 用png保存js代码，首先需要对png进行编码，然后使用的时候进行解码。借助canvas及base64和二进制编码。 编码 1、字符串转换成ascii码； 2、创建足够存储空间的canvas； 3、将字符填入到像素中（忽略alpha值）； 4、获取data url； canvas.toDataURL(“image/png”); 5、存为png图片。 function encodeUTF8(str) {      return String(str).replace(          /[\u0080-\u07ff]/g,          function(c) {              let cc = c.charCodeAt(0);            return String.fromCharCode(0xc0 | cc >> 6, 0x80 | cc & 0x3f);        }    ).replace(          /[\u0800-\uffff]/g,          function(c) {              let cc = c.charCodeAt(0);            return String.fromCharCode(0xe0 | cc >> 12, 0x80 | cc >> 6 & 0x3f, 0x80 | cc & 0x3f);        }    );}function request(url, loaded) {      let xmlhttp = new XMLHttpRequest();    xmlhttp.onreadystatechange = function() {          if (xmlhttp.readyState == 4)              if (xmlhttp.status == 200)                  loaded(xmlhttp);    }    xmlhttp.open("GET", url, true);    xmlhttp.send();}void function(){      let source = '../image/test.js';    request(source, function(xmlhttp){        let text = encodeUTF8(xmlhttp.responseText);        let pixel = Math.ceil((text.length + 2) / 3); // 1一个像素存3个字节,          let size = Math.ceil(Math.sqrt(pixel));        //console.log([text.length, pixel, size, size * size * 3]);        let canvas = document.createElement('canvas');        canvas.width = canvas.height = size;        let context = canvas.getContext("2d"),              imageData = context.getImageData(0, 0, canvas.width, canvas.height),              pixels = imageData.data;        for(let i = 0, j = 0, l = pixels.length; i < l; i++){              if (i % 4 == 3) { // alpha会影响png还原                pixels = 255;                continue;            }            let code = text.charCodeAt(j++);            if (isNaN(code)) break;            pixels = code;        }        context.putImageData(imageData, 0, 0);        document.getElementById('base64').src = canvas.toDataURL("image/png");    });}(); 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 编码后的图片： 解码 1、加载png； 2、将png原尺寸绘制到canvas中； 3、读取像素中的字符串； 4、生成相应协议的data url使用。 void function(){      let source = '../image/test.png';    let img = document.createElement('img');    img.onload = function(){          let canvas = document.createElement('canvas');        canvas.width = img.width;        canvas.height = img.height;        let context = canvas.getContext("2d");        context.drawImage(img, 0, 0);        let imageData = context.getImageData(0, 0, canvas.width, canvas.height),              pixels = imageData.data;        let script = document.createElement('script');        let buffer = [];        for (let i = 0, l = pixels.length; i < l; i++) {              if (i % 4 == 3) continue; // alpha会影响png还原              if (!pixels) break;            buffer.push(String.fromCharCode(pixels));        }        script.src = 'data:text/javascript;charset=utf-8,' + encodeURIComponent(buffer.join(''));        document.body.appendChild(script);        script.onload = function(){              console.log('script is loaded!');        }        img = null;    }    img.src = source;}(); 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 这里需要手动下载编码后的图片，我没有写自动下载的函数，这又是另一个可以深入探讨的问题了，所以不过多扩展。 2.2 css 使用content就简单多啦。 let div = document.getElementById('content');let content = window.getComputedStyle(div, ':before').content; 1 2 1 2 只需要和上面代码一样，新建一个srcript标签，利用data协议，就可以执行content内保存的js代码啦。 3. 防止代码执行被截获 截获 eval() / new Function() 的示例代码 eval = function() {  console.log('eval', JSON.stringify(arguments));};eval('console.log("Hello world!")');Function = function() {  console.log('Function', JSON.stringify(arguments));  return function() {};};new Function('console.log("Hello world!")')(); 1 2 3 4 5 6 7 8 9 10 11 12 1 2 3 4 5 6 7 8 9 10 11 12 但是可能不是全局使用： (function(){}).constructor('console.log("Hello world!")')() 1 1 截获 constructor 的示例代码 Function.prototype.__defineGetter__('constructor', function () {    return function () {        console.log('constructor', JSON.stringify(arguments));    };});(function() {}).constructor('console.log("Hello world!")'); 1 2 3 4 5 6 1 2 3 4 5 6 目前能想到的是判断 eval 是否被重定向 示例，如果 eval 被重定向 z 变量不会被泄露 (function(x){    var z = 'console.log("Hello world!")';    eval('function x(){eval(z)}');    x();})(function() { /* ... */ });

anleeycn

	眉之急

qingling520

	太久1个半月了，2个客服小哥人都不错，态度也很好应该给好评，只是设计网页的设计感太一般，应该中评。

a001hao

	，售前售后都有回访跟进，比较负责的！

meilifc001

	家技术服务到位

mmgg520

	功能很全，也比较容易上手，有弄不明白的就问售后技术，回答的很有耐心。

zzjiuzi008

	好非常耐心，技术员静静也很好，长期合作哦～