首页 > 代码库 > [整理]javascript压缩、格式化
[整理]javascript压缩、格式化
1.使用packer来压缩JS文件
packer工具在线版:http://dean.edwards.name/packer/
通过packer对js打包压缩的同时,执行Base62 encode编码后,代码变得难以阅读。
如:
?
1 | eval( function (p,a,c,k,e,r){e=String; if (! ‘‘ .replace(/^/,String)){ while (c--)r[c]=k[c]||c;k=[ function (e){ return r[e]}];e= function (){ return ‘\\w+‘ };c=1}; while (c--) if (k[c])p=p.replace( new RegExp( ‘\\b‘ +e(c)+ ‘\\b‘ , ‘g‘ ),k[c]); return p}( ‘0(1);‘ ,2,2, ‘alert|123‘ .split( ‘|‘ ),0,{})) |
2.还原packer压缩的JS源码
有时候,我们需要把packer压缩后的js还原成原始的可阅读的js代码,方法有很多种,毕竟,压缩后的js最终还是要在浏览器上执行的。
(1)使用浏览器内置的开发工具
http://www.cnblogs.com/52cik/p/js-unpacker.html,已说明使用方法。
(2)直接修改已打包压缩的js源文件,返回JS源文件
?
1 2 3 4 5 6 7 8 9 10 | eval( function (p, a, c, k, e, d) { e = function (c) { return (c < a ? ‘‘ : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (! ‘‘ .replace(/^/, String)) { while (c--) d[e(c)] = k[c] || e(c); k = [ function (e) { return d[e] } ]; e = function () { return ‘\\w+‘ }; c = 1 }; while (c--) if (k[c]) p = p.replace( new RegExp( ‘\\b‘ + e(c) + ‘\\b‘ , ‘g‘ ), k[c]); /*return p*/ /*begin 添加如下代码,直接显示p*/ document.getElementById( ‘textareaID‘ ).innerText = p; /*end*/ } ( ‘1(0);‘ , 62, 2, ‘123|alert‘ .split( ‘|‘ ), 0, {})) |
(3)通过Eval执行压缩的代码,得到JS源码
有一点必须知道,压缩后的js最终还是要在浏览器上执行的,浏览器肯定认识的,那么我们可以借助eval来获取JS源码。
?
1 2 3 4 5 | function decode() { var code = document.getElementById( ‘code‘ ).value; code = code.replace(/^eval/, ‘‘ ); document.getElementById( ‘code‘ ).value = http://www.mamicode.com/eval(code); } |
3.格式化JS
获得JS源码后,需要格式化,方便阅读。
http://www.css88.com/tool/js_beautify/
另:本文的附件中有相关js工具。
4.其他在线工具:
http://tool.chinaz.com/js.aspx(JS混淆加密压缩)
5.附件(JS压缩&格式化工具)
JS压缩&格式化工具
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。