Firebug使用详解(12)

　　DOM函数(Show DOM Functions)和DOM常数(Show DOM Constants)。

　　我们还可以通过单击“New watch expression…”(图7-6淡黄色背景部分)加入自己想跟踪的内容。

　　例如我们想跟踪一下“div2”的显示内容，

　　就可以单击“New watch expression…”，

　　加入“document.getElementById('div2').innerHTML”，

　　输入中可通过TAB键自动完成关键字的输入(图7-7)。

　　如果不想跟踪了，

　　可单击最右边的删除图标取消跟踪。

　　脚本在断点停止后，

　　我们就可以利用搜索框旁的4个跟踪按钮进行代码跟踪了(图7-7)。

　　第一按钮是继续运行程序，

　　不再执行跟踪，

　　快捷键是F8。

　　第二个按钮是单步执行方式，

　　每次执行一条语句，

　　该方式在遇到函数调用时不进入调用函数内部进行跟踪，

　　快捷键是F10。

　　第三个按钮也是单步执行方式，

　　每次执行一条语句，

　　但它遇到函数调用时会进入调用函数内部进行跟踪，

　　快捷键是F11。

　　当你进入调用函数内，

　　想马上跳出来时，

　　可以单击第四个按钮，

　　该按钮没有快捷键。

　　搜索框的作用和HTML源代码查看是一样的，

　　不过有一个不同，

　　就是输入“#n”(n≥1)，

　　可以直接跳到脚本的第n行。

　　当执行脚本在“console”标签内显示一个错误，

　　而错误的提示行左边出现一个暗红色的圆点时(图7-8)，

　　我们可以单击改红点在该行设置一个断点。

　　我们可以通过“Script”标签的“Options”菜单的“Break on All Errors”选项设置每当脚本发生错误时就中断脚本，

　　进入调试状态。

　　有时候一个函数随机出现错误，

　　你不可能每次调用都去跟踪一次，

　　而产生错误的原因很可能是传递的参数错误，

　　这时你可以通过跟踪函数调用的功能去检查每次调用函数时的参数情况。

　　操作在函数脚本内单击鼠标右键，

　　在菜单中选择“Log Calls to xxxxx”(xxxxx为函数名)，

　　然后可在“console”标签中可查看函数调用情况。

　　8、 查看DOM结构

原文转自：http://www.cnblogs.com/xiachufeng/archive/2010/08/02/1790411.html