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

说说我的看法
全部评论(
没有评论
关于
本网站专注于 Java、数据库(MySQL、Oracle)、Linux、软件架构及大数据等多领域技术知识分享。涵盖丰富的原创与精选技术文章,助力技术传播与交流。无论是技术新手渴望入门,还是资深开发者寻求进阶,这里都能为您提供深度见解与实用经验,让复杂编码变得轻松易懂,携手共赴技术提升新高度。如有侵权,请来信告知:hxstrive@outlook.com
公众号