Firebug 调试 JS入门--如何调试JS

jopen 11年前

下图为如何找到web应用的JS,激活firebug,点script,然后ALL旁边选择你要Debug的JS。 Firebug 调试 JS入门--如何调试JS

下图是如何打断点 基本跟Eclipse一样,点击行号就OK了。
Firebug 调试 JS入门--如何调试JS
下图是如何在断电上设定条件,如果条件符合,就进入断电,这个功能不错,特别是Debug很复杂的Function的时候。
Firebug 调试 JS入门--如何调试JS
下图是如何单步调试,跟Eclipse一样F11单步
Firebug 调试 JS入门--如何调试JS
下图是查看调用的Stack,对以复杂的JS Debug很有帮助。
Firebug 调试 JS入门--如何调试JS
下图是查看变量基本跟EclipseDebug一样。
Firebug 调试 JS入门--如何调试JS
下图是在断点处查看变量。
Firebug 调试 JS入门--如何调试JS
有个很好用的功能,代码行之间快速调转,使得上千行的JS调试很轻松。
Firebug 调试 JS入门--如何调试JS
下图就是Performance测试结果,使用很容易点Profile
Firebug 调试 JS入门--如何调试JS
还有一个LOG功能比较实用,看下图如果你不想每次进入断点,用这个就再好不过了。
Firebug 调试 JS入门--如何调试JS