Question

如何正确设置Firebug及详细使用说明

Answer 1

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

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

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

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

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

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

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

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

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

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

　　Firebug的DOM功能：

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

　　Firebug的脚本(Javascript)功能：

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

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

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