谷歌浏览器Chrome的审查元素功能

今天在用google浏览器Chrome浏览网页的时候,突然想看看这个网页的原文件,就点了右键->审查元素,发现了这一很牛很雷很强大的功能,比firefox的功能强大的多,不知道Safari浏览器有没有这个功能?

这个功能就是学习div+css设计的一大利器,在传统的查看源文件,以IE最差就是用notepad打开而已,firefox有代码折叠功能,而Chrome除了有代码折叠功能外,还有css分析,metrics等功能,有以下的功能

1、代码折叠。

2、查看css:当点到有class行时,在右侧就会把该class的定义全部列出来。

3、Metrics,这个没有找到翻译,是一个示意图,演示了该box的margin padding border width height等。

4、列举了所有javascript的函数、Object等。

下面还有一控制台console,不知道怎么用。第二个选项卡是Resource,点了之后没有什么反应。

谷歌浏览器Chrome的审查元素功能》上有5条评论

  1. Pingback引用通告: 深入应用谷歌浏览器Chrome的审查元素功能 | 清风无影

发表评论

电子邮件地址不会被公开。 必填项已用*标注