Firebug使用详解(10)

　　在源代码显示区域我们还可以通过鼠标右键复制源代码和显示内容，

　　这里就不一一说明了。

　　DOM的说明请看查看DOM结构一节，

　　两者是一样的。

　　在源代码区域中如果觉得源代码显示太密，

　　可以将“Options”菜单里的“Show White Space”选项打开，

　　每个源代码块之间会用空白行隔离。

　　如果要查看源代码的注释内容，

　　请将“Options”菜单里的“Show Comments”选项打开。

　　这里要提醒大家一下，

　　在HTML里调试出正确的源代码和CSS后，

　　别忘记将源代码和CSS的修改结果复制到你的源代码文件中，

　　不然你的调试结果在页面刷新后会付之东流。

　　切记!切记!

　　6、 查看CSS定义

　　将功能区第二行的标签切换到“CSS”，

　　在这里我们可以查看页面中所有的CSS定义，

　　包括链接的CSS文件。

　　通过功能区的文件选择按钮可以选择不同的含有CSS的文件(图6-1红色圈住部分)。

　　CSS的定义的编辑这里就不再说明了，

　　这个可以参考HTML的“Style”操作。

　　“Edit”按钮功能和HTML的“Edit”功能类似。

　　7、 脚本调试

　　将功能区第二行的标签切换到“Script”，

　　在这里我们可以对页面中所有的脚本进行调试，

　　包括链接的脚本。

　　和CSS一样，

　　可以通过文件选择按钮选择不同的脚本文件。

　　如果要在脚本中设置一个断点，

　　可以单击行号旁边的空白区域，

　　这时会出现一个红色的点表示在这里设置了断点(图7-1)，

　　当脚本运行到此会停止运行，

　　等待你的操作。

　　在右边的小窗口将标签切换到“Breakpoints”可以查看我们设置的所有断点(图7-2)，

　　单击左上角的checkbox可以让断点不起作用，

　　如果要删除断点可以单击右上角的删除图标。

　　通过“Options”菜单的“Disable All Breakpoints”可暂时禁止所有断点，

　　而“Remove All Breakpoints”可删除所有断点。

　　在断点标记的红点上单击右键还可以设置断点条件，

　　在符合条件的时候才会停止脚本的执行。

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