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

时间:2022-07-18 作者:admin

  核心提示:Firebug从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。

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

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

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

  Firebug组件安装很简单,在菜单栏选择  工具→附加组件(A):(注:本站也有下的)

  如下图:

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

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

  如下图:(注:在本站下的firebug,解压后把firebug.xpi文件拖到火狐浏览器安装就可以了。)

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

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

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

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

  到这一步firebug就安装好了。

  现在来看看它的一些用处,

  在地址栏输入然后点击刚多出来想小虫一样的按钮,在按F5把网页刷新一下,如下图:

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

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

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