JavaScript压缩代码解压缩还原具体办法

 

我们知道许多网站都对Javascript代码进行了压缩，但这对开发者和学习者来说，读起来很费劲，本文分享给大家在Chrome浏览器中，如何使用Pretty Print功能反压缩JS代码，让代码更加直观可读。

 

1.  

   首先，我们使用Chrome浏览器打开百度首页，来演示一下具体操作过程。

   
2.  

   按下快捷键F12，或者Ctrl+Shift+I

   我们点击Sources中的一个百度Javascript代码文件。

    

   可以看出，这些代码是经过压缩的。如果直接阅读这一块代码，很快就会感到理解困难了。

   
3.  

   我们点击下方的大括号｛｝图标，即可使用Pretty Print功能了。

   
4.  

   这时会在一个新标签页面打开反压缩后并经过重新排版美化的Javascript代码。

   
5.  

   如果阅读代码时感觉空间太窄，可以点击左右的按钮，隐藏左侧或右侧的侧边栏。

   
6.  

   拖到左右边线，也可以改变代码窗口的宽度。

   总之，Chrome开发者工具还是很让人贴心的。

   
   END

 

注意事项

• 火狐浏览器中也有与Pretty Print相似的功能
• 可以将Pretty Print显示的格式化代码，复制出来方便进一步研究

 

压缩JS代码：

packer – 最好用的 javascript 压缩工具
地址：

http://dean.edwards.name/packer/

http://kan.willin.org/?page_id=1288

恢复JSMIN等工具压缩的JS代码：
Javascript Beautifier能够将jsmin压缩后的js文件内容重新恢复成可读性很好的js文件。

网页版：http://jsbeautifier.org

来自：http://blog.sina.com.cn/s/blog_9a2c25400101evq2.html