多语言展示
当前在线:817今日阅读:23今日分享:31

怎样通过fire bug查看网页元素的css样式

作为一个前端开发人员,火狐浏览器的fire bug插件我已经能非常熟练的应用了,在调试页面的时候,能熟练的使用fire bug查看网页元素的css样式对我们调整页面格式是很有帮助的。
方法/步骤
1

首先我们需要打开自己电脑上的fire fox浏览器,并下载安装上fire bug插件。

2

然后我们随便打开一个网页,我姑且以自己正在写经验的这个页面为例。

3

然后我们需要调出fire bug页面,我们可以点击浏览器右上角的小虫按钮调出,也可以选择按下键盘上的F12调出

4

这样fire bug页面就调出来了。可以简单的看一下页面的布局。左侧显示的网页的html源代码,右侧显示的是相应的样式。

5

接下来我们需要在html代码中找到一个我们页面中的标签。我以我的用户名为例。

6

我们在html代码的部分找相应的html页面代码时,注意script中的内容无需查看,只要看div中的东西就可以。

7

我们找到我的用户名所在的标签之后,鼠标要选择标签,以标签整体变成蓝色背景,并且出现一次小手为准。这时,页面右侧的样式中就是该标签的所有样式。

注意事项

是不是很简单呢?fire bug很强大的,你也可以试试。

推荐信息