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

来源:网络时间:2021-10-24 00:12:56

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

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

 

火狐

 

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

如下图:

 

火狐

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

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

 

火狐

 

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

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

 

火狐

  到这一步firebug就安装好了。

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

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

 

火狐

 

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

 

火狐

#p#副标题#e#

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

如下图:

 

火狐

 

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

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

#p#副标题#e#

本文内容为用户投稿,该文观点仅代表作者本人,不代表本站立场,本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请将相关资料发送至[email protected]进行反馈与投诉,一经查实,立即处理!
多特网友2012-05-10 15:14:15回复
懂的人不多说
多特网友2012-05-10 15:14:15回复
懂的人不多说