firebug详细使用方法

Firebug是网页浏览器 Mozilla Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。例如 Yahoo! 的网页速度优化建议工具 YSlow。

  　  Firebug也是一个除错工具。用户可以利用它除错、编辑、甚至删改任何网站的 CSS、HTML、DOM以及JavaScript代码，下面给大家介绍下Firebug的详细使用方法:

工具/原料

• FIrebug调试工具
  

• 火狐浏览器、谷歌浏览器或者其他支持Firebug的浏览器皆可​
  

方法/步骤

1. 对于网页开发人员来说，Firebug是Firefox浏览器中最好的插件之一，

   也可以说Firebug的CSS调试器是专为网页设计师们量身定做的；那么如何安装firebug呢?首先进入浏览器的

   

2. 进入附加组件之后，然后在搜索框中搜索Firebug附加组件，找到之后安装即可，安装完成后重启浏览器就行了，如下图所示:

   

3. 下面来说说Firebug的详细使用方法，Firebug可以随时编辑页面：

   在HTML标签中，点击窗口上方的“inspect”命令，然后再选择页面中的文本节点，你可以对其进行修改，修改结果会马上反应在页面中。

4. Firebug有6个主要的Tab按钮，本经验将主要介绍这几方面的功能，下面说的是Console 控制台:

5. Fire的查看和修改HTM代码功能:
   

   利用Inspect检查功能，我们还可以用鼠标在页面中直接选择一些区块，查看相应的HTML源代码和CSS样式表，真正的做到所见即所得，如果你使用了外部编辑器修改了当前网页，可以点击Firebug的reload图片重新载入网页，它会继续跟踪你之前用Inspect选中的区块，方便调试。

6. Firebug的DOM功能：

   该功能主要用于查看页面DOM信息，通过提供的搜索功能实现DOM的快速准确定位，并可双击来实现DOM节点属性或值的修改。

   

7. Firebug的脚本（Javascript）功能：

   脚本功能主要是一个脚本调试器，可以进行单步调试、断点设置、变量查看等功能，同时通过右边的监控功能来实现脚本运行时间的查看和统计，提高运行效率。　　

8. Firebug的网络（Net）功能：该标签功能主要用来监控网页各组成元素的运行时间的信息，方便找出其中运行时间较慢的部分，进一步优化运行效率。

9. 使用Firebug插件在附加组件中打开Firebug启用开关，启用开关默认未开，如果未打开此功能，那么很可能会出现点击后Firebug插件无效的情况；