Firefox调试JS的功能真的很不错,推荐一下! 在页面上点击右键,再点击“查看元素”,如图:
就会弹出Firefox的开发者界面,点击“调试器”,如图:
这里能看到: 1.跟踪按钮。用户跟踪调试时点击下一步用,有普通下一步的,有深入导函数里的,还有跳出函数的。 2.加入断点。左键点击一下就能加入断点,非常简单。 3.显示变量值。这里可以显示每一步的变量值,同时如果出现错误在这里也会提示“exception”,如:
断点调试可以终止代码的执行,你可以通过指定代码范围来查看错误是不是在指定代码范围内。这对于 错误调试很有用。
如果你点击"Step over(单步跳过)" 按钮, Firebug 会更新所有变量直到你在右侧窗口中终止断点执行。
Firefox的JS调试功能非常强大,感觉试一下吧!
点击调试器tab页,刷新要调试的页面,调试器主窗口会出现要调试的代码
点击暂停按钮,点击后按钮状态改变,同时右边的三个调试步骤变为可操作状态,调试步骤的作用可参考IE浏览器javascript调试篇的讲解。同时,在代码行上面打断点。点击断点后,代码自动进入调试状态,取消断点,代码直接运行过去。
打断点后,刷新页面,页面会停留在断点处,按下F10按钮,让代码继续,会看到后边变量窗口出现所有的变量信息。
点击hrefs 变量,可以看到该集合属性的各对象,三个对象均为超链接,跟IE浏览器调试时看到的基本相同。
点击第一个对象,对象展开后会出现对象属性信息等内容
说到这里,Firefox浏览器的javascript调试基本就讲完了。