修改程序的方式:
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插件也不错哦。