如何使用Firebug查看网页的html和css

html-css017

如何使用Firebug查看网页的html和css,第1张

工具:

Firebug

方法如下:

打网任意网站,如百度

快捷键F12调出Firebug,之后就可以查看网页的HTML和CSS了

说明:可以根据Firebug的各相关功能进行使用

1、chrome浏览器 F12审查元素的Audits

说明:使用Audits,会检测出页面中没有用到的css,需要手动删除多余的css;同时需要说明的是检测出多余无用的css块,而不是某一行css。

2、CSS usage插件

(1)安装Firefox浏览器

(2)安装firebug

Firefox浏览器--添加附件--搜索插件--安装

(3)安装css usage

步骤同安装firebug一样。

(4)检测

重要说明:可以导出干净的css

上图最简单:

你选中元素后,右侧就会显示有它的样式,连属于哪一个CSS文件第二行都显示有的,,你直接打开看,或者直接点击右侧那里就可以直接看到样式了。

当然也有不显示是哪一个文件的,比如:element.style

这表示着,这个样式不在CSS文件内,是当前页内或者是元素本身上面用了style=""