探索IE11新开发者工具 – “网络”面板功能改进(下)

接着上篇文章，点击计时这列的某条记录之后就进入到了详细视图页面。

在这个详细视图页面中可以看到详细视图又由请求标头、请求正文、响应标头、响应正文、Cookie、发起程序、计时这几部分组成。现在进入的这个页面是详细视图的计时页面，这个页面跟摘要视图相比更为详细，因为摘要视图只是给你一个全局的大致的快速预览，而我们进入到详细视图页面之后就可以仔细的去观察这其中每条的具体内容了。刚刚有发现每条记录是有三个颜色组成的，在这里就对每种颜色有了详细的解释。暗红色代表开始，它表示从最初创建请求到发送请求之间的时间;黄色部分代表请求，表示接收到第一个字节所需的时间。发送请求并接收服务器的第一个响应所需花费的时间;蓝色部分是响应，表示接收服务器的响应数据所花费的时间。除了这三种颜色之外还能看到上面标出了等候、差距这两个部分，这让我们在看这三种颜色所代表消耗的时间的时候能有一个参照。这仅仅只是一个计时部分IE11开发者工具就帮我们记录了如此多的信息，另外其实我们只要点击到某行，下面的文本框中就会显示出相应的说明，在这么多小的细节处处体现出IE11的开发者工具的人性化。