利用火狐浏览器Firebug查看网页相关属性

　　Firebug从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。office:office" />

　　我们先看看在火狐浏览器在没安装Firebug组件前的界面。

　　Firebug组件安装很简单，在菜单栏选择  工具→附加组件（A）：（注：本站也有下的）

如下图：

　　然后在弹出来的对话框中 输入 firebug 回车，在结果中选择 firebug ，点击添加至Firefox(A):

如下图：（注：在本站下的firebug，解压后把firebug.xpi文件拖到火狐浏览器安装就可以了。）

　　安装好后会出现提示，要求重新启动Firefox，这时关掉浏览器再打开就可以了。

　　打开后，浏览器右下角会多一个图标。如下图：

　　到这一步firebug就安装好了。

　　现在来看看它的一些用处，这里以www.duote.com为例。

　　在地址栏输入www.duote.com 然后点击刚多出来想小虫一样的按钮，在按F5把网页刷新一下，如下图：

　　你会发现网络面板已被禁用，这里我们只需要点击  网络→启用，然后刷新一下就可以了，如下图：

　　这里会有多个选项，看自己需要什么就下什么。已CSS为例，如果想要这个网站CSS就点击CSS那个项，然后把地址复制下来，用下载工具下下来就可以了。

如下图：

小提示：比如我复制的一个地址是 （http://img.duote.com/css/n_m_head.css?v=4）

我们只需要（http://img.duote.com/css/n_m_head.css）就可以了。