[整理]javascript压缩、格式化

浏览数：16 / 时间：2015年06月08日

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源文件

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源码。

function 
decode() {
    var 
code = document.getElementById(‘code‘).value;
    code = code.replace(/^eval/, ‘‘);
    document.getElementById(‘code‘).value = eval(code);
} 