今天在用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,点了之后没有什么反应。