Fiddler 时间选项卡中的 “时间轴模式” 如下图:
上图中,每行显示一个会话,最左边的是从 URL 中抽取出来的文件名。当鼠标放在任意一个行的上方时,下面的状态栏中就会显示该项的更多信息,如:请求URL地址、Content-Type、发送/接收的字节数。
当双击某行时,会跳转到 “检查器选项卡(Inspectors)” 显示这个会话的详细信息。如果在双击的同时按下 SHIFT 键会在新的窗口显示该会话的信息。如下图:
另外,每行的颜色是由响应的 MIME 类型决定的:浅绿色表示图像,深绿色表示 JavaScript,紫色表示 CSS,蓝色表示其他类型,如图如下图:
传输条形栏(transfer bar)在客户端开始向 Fiddler 发送请求(Timers.ClientBeginRequest)时开始绘制。当发送回客户端的响应(Timers.ClientDoneResponse)收到后完成绘制。
如果条形栏是用阴影线表示,而不是平滑的,表示HTTP 响应在 Fiddler 端被缓存起来了,而不是流式地转发给客户端。缓存会改变瀑布模型,如下图:
注意:缓存模式下,会话在完成之前,不会开始下载图片。流模式每次下载的数据直接返回给客户端。
条形栏中黑色的垂直线表示接收到服务端响应(Timers.ServerBeginResponse)的第一个字节的时间。条形栏前面的两个小圆圈表示会话是否是复用连接进行传输。绿色圆圈表示连接是复用的,而红色圆圈表示连接是新创建的。上方的圆圈表示客户端到Fiddler之间的连接;下方的圆圈表示 Fiddler 到服务器的连接。如下图:
条形栏后面的红色 X 图标表示服务器发送了请求头 Connection: close(对于 HTTP/1.0 类型的响应,是指发送请求头Connection: Keep-Alive 失败),阻止后续请求重用该连接。灰色箭头图标表示服务器响应是重定向的(302)。红色感叹号图标表示服务器返回了错误码(4xx 或 5xx)。如下图:
(1)红色 X 图标示例
(2)灰色箭头图标示例
(3)红色感叹号图标示例