调试 minified JS 的方法

前端开发，JS调试有很多方法。

修改程序的方式：

  1 alert (最早也是最原始的方方式)
  2 日志方式(console.log, console.trace, console.assert, console.time, console.profile)
  3 插入debugger

不修改程序的方式：使用调试器设置断点。

做过前端都知道，网站大多数JS都会minified， 主要是为减小js文件大小。

调试minified的代码很痛苦，甚至找程序和设置断点都很困难。

解决方法有多种

第一种： 如果调试的是你自己的网站，那么可以调试没有minified文件

这看起来是废话，但也有用哦.
如果你是调试外网的问题，那么还是要调试minified文件，还有就是如果你的js是combined出来的(就是组合了多个文件)，那么更需要调试minified文件了
那该怎么办？下面我总结的方式。

第二种：用fiddler

    Firefox下安装 FireRainbow(语法高亮插件), Chrome和IE自带的功能也还凑合.
    使用Fiddler2, 安装JS formate 和 beautify插件;

    先抓取网页的js包，

　"Unlock for Edit"那个js响应，

 

    使用Format格式化js,

    

　 使用AutoResponder对这个js建立自动响应。

   

    这样之后，浏览器得到的JS 就是经过 Deminified后的 而且还Beautified了。

    在浏览器端，你可以方便的设置断点了。

    

 如果你只是用Firefox，那么还有更方便的方法。

 

第三种：Firefox下使用 JS Deminified插件，可以直接deminify js

    这个插件的缺点是：只有开启和禁用两个操作，很难对单个JS进行美化。（这其实很致命） 

   强烈建议 FireBbug 实现 JS的美化，因为已经有了CSS的美化。

 

总结

     经过我一天的试验，发现个问题，有些网站的js经过deminified 后会出问题，这么看来有些JS简单的 deminify不是很好哦。

     如果不是为了调试而只是想逆向工程别人的网站，那么使用Firefox的Phoenix插件也不错哦。

转载于:https://www.cnblogs.com/napoleon_liu/archive/2010/11/12/1875552.html