1、Firebug1.控制台（Console）功能：控制台得主要作用是用来显示网页各类错误信息，并可对日志进行打印处理。同时可以在进行javascript调试的时候当作命令行窗口使用，并通过概况子选项说明javascript代码执行的相关信息。例：网页中存在一个，可以再Console中通过var div= document.getElementById(“dialog”);获取该div元素。2.HTML功能：此菜单标签功能，主要用于查看当前页面的源代码功能，并可进行编辑，时时显示，从而实现页面最佳效果。当你在HTML标签中，点击一个元素时，左面窗口显示HTML代码，右面窗口显示该元素的CSS。在C
2、SS窗口上方，有一个layout按钮，点击后会展示与该元素相关的方块模型，包括padding、margin和border的值。如图：3.CSS功能：点击CSS菜单标签，可查看所有的CSS定义信息，同时也可以通过双击来达到修改页面样式的效果，如图：对于Firefox不支持的CSS规则，Firebug会自动隐藏。Firebug允许你关闭CSS中的某些语句，页面会立刻反应响应变化，可以即时查看效果。“关闭”一条语句的方法是，在该语句的左边点击，会出现一个红色的禁止标志。该语句就会变灰。再次点击，该语句就会恢复。如图：Firebug允许你增加新的属性和属性值。增加方法是双击现有的selector，然后
3、就会出现一个空白的属性名输入框，完成输入后则会出现一个空白的属性值。如图：4.脚本（Javascript）功能：脚本功能主要是一个脚本调试器，可以进行单步调试、断点设置、变量查看等功能，同时通过右边的监控功能来实现脚本运行时间的查看和统计，提高运行效率。对于本地JavaScript函数可以利用console.profile();和console.profileEnd();函数来查看函数运行时间。例： 5.DOM功能：该功能主要用于查看页面DOM信息，通过提供的搜索功能实现DOM的快速准确定位，并可双击来实现DOM节点属性或值的修改。6.网络（Net）功能：该标签功能主要用来监控网页各组成元素的运行时间的信息，方便找出其中运行时间较慢的部分，进一步优化运行效率。通过查看firebug的网络面板可以看到所有需要加载的资源所需要的时间，如图：时间包括域名解析、建立连接、发送请求、等待响应和接受数据等时间组成，根据不同时间可以选择优化不同的部分。
