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

[复制链接]
查看356 | 回复0 | 2019-12-20 23:40 | 显示全部楼层 |阅读模式

                                核心提示:Firebug从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。                            .                                                                          Firebug从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。
  我们先看看在火狐浏览器在没安装Firebug组件前的界面。



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



  然后在弹出来的对话框中 输入 firebug 回车,在结果中选择 firebug ,点击添加至firefox(A):
如下图:(注:在本站下的firebug,解压后把firebug.xpi文件拖到火狐浏览器安装就可以了。)



  安装好后会出现提示,要求重新启动Firefox,这时关掉浏览器再打开就可以了。
  打开后,浏览器右下角会多一个图标。如下图:



  到这一步firebug就安装好了。
  现在来看看它的一些用处,这里以www.duote.com为例。
  在地址栏输入www.duote.com 然后点击刚多出来想小虫一样的按钮,在按F5把网页刷新一下,如下图:



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


                        12.                                                                                 

                                核心提示:Firebug从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。                            .                                                                        
  这里会有多个选项,看自己需要什么就下什么。已CSS为例,如果想要这个网站CSS就点击CSS那个项,然后把地址复制下来,用下载工具下下来就可以了。
如下图:



小提示:比如我复制的一个地址是 (http://img.duote.com/css/n_m_head.css?v=4)
我们只需要(http://img.duote.com/css/n_m_head.css)就可以了。

                        12.                                                                                 





上一篇:IQ浏览器四小步设置 网上冲浪极速体验
下一篇:保护眼睛,开启浏览器的夜间模式
【玉璞集 YUPUG.COM】