fiddler学习网址

Fiddler时间轴选项卡（时间轴模式） - Fiddler 教程

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）红色感叹号图标示例