Chrome之于网页开发的优异性能(4)
(4)提到控制台就得说一下network() 个人认为其功能非常强大，打开后当你对网页进行任何操作时network就会动态显示相关操作的交互信。Network标签页对于分析网站请求的网络情况、查看某一请求的请求头和响应头还有响应内容，对于查看Ajax请求很有用。当然它是时时更新的。（network窗口如下图）是不是很强大！
（network窗口）
点击左侧的每个具体选项你会看到每个选项对应的具体信息（如下图），在这里就不细说具体怎样使用了，大家可以在开发过程中具体体会。
大家还看到在开发人员工具还有几个选项，下面我们就来介绍剩下的几个选项，共同体验下chrome的强大
（5）首先是第一个选项Elements（）即元素
打开元素窗口我们首先看到的是网页的各个元素。这跟大浏览器的开发人员工具都差不多。但当你点击其中的各个元素是你就能够发现chrome的优点了。当你点击元素时你就会发现底部多了几个标签项(如下图)
最后的那个蓝底的就是你当前点的标签，前一个就是其父标签，再往前依次提升。这样当我们想找标签的上一层时，就变的极其轻松了。你再也不用为在密密麻麻的标签中找父标签了而头疼了。
网友评论