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

来源:网络时间:2011-08-02 16:04:05

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

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

 

火狐

 

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

如下图:

 

火狐

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

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

 

火狐

 

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

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

 

火狐

  到这一步firebug就安装好了。

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

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

 

火狐

 

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

 

火狐

#p#副标题#e#

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

如下图:

 

火狐

 

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

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

#p#副标题#e#

文章内容来源于网络,不代表本站立场,若侵犯到您的权益,可联系我们删除。(本站为非盈利性质网站) 联系邮箱:rjfawu@163.com
多特网友 2012-05-10 15:14:15 回复
懂的人不多说
多特网友 2012-05-10 15:14:15 回复
懂的人不多说