彩票走势图

HttpWatch学习笔记三:请求网格

转帖|使用教程|编辑:黄竹雯|2016-06-30 13:03:53.000|阅读 517 次

概述:前面讲了一些基本的操作和菜单栏这些,这一讲开始要涉及到一些核心的东西了,看本章之前,需要读者具备一些HTTP方面的背景知识,否则学习起来可能会有些吃力。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

前面讲了一些基本的操作和菜单栏这些,这一讲开始要涉及到一些核心的东西了,看本章之前,需要读者具备一些HTTP方面的背景知识,否则学习起来可能会有些吃力。

请求网格

请求网格默认显示的列如下所示,可以通过View子菜单下的Select Columns来设置要显示的列。

HttpWatch

各个字段的解释如下表:

HttpWatch

通常情况下,请求网格中的记录以不同页面为依据进行分组,组的标题栏如下图所示:

HttpWatch

前面是请求开始的时间,后面是页面的标题,这几个字大家再熟悉不过了吧。

通常有两种颜色的分组,页的标题栏为蓝色表示是一个普通页面,页的标题栏为黄色表示是在前一个页面进行的动态改变,例如AJAX调用。

仔细观察Time Chart这一列,发现其中的条形图有着不同的颜色段,而且还有几条竖线,现在来详细讲解下。

一次请求是由很多阶段组成的,例如DNS的转换、建立连接、发送请求等,而不同的请求所经历的阶段也不完全相同,时间条形图的各个段说明如下:

HttpWatch

一个页面从开始下载数据到最终完全显示,中间会执行一系列的页面事件,而IE和Firefox中的事件也不完全相同,说明如下:

HttpWatch

上面讲了一些基础,下面我们举个例子来具体分析下,还是录制的百度的页面,如下图:

HttpWatch

首先看标记为1和2的两个分组标题部分,标记1的开始时间为全0,标记2的开始时间为00:00:06.200,这个时间是相对于标记1的开始时间的一个偏移量,也就是说页面2是在页面1请求后的6秒左右再发起请求的。

然后来看看标记3,这里有很多的时间值,每个时间值都表示该请求发起的时间,这个时间是相对于页面开始时间的偏移量的,比如看页面2的那几个时间,都是相对于页面2的开始时间计算的。

再看看标记4,这是一个时间条形图,说明这个请求是在0.146秒开始发起的,先有一段Blocked时间,然后建立连接,再发送数据等等,可以看到,这个条形图并不是向左靠齐的,因为它是相对于该页面中其它请求而言的。

把标记5、6、7连起来看,标记5说明在0.259秒的时候所有请求都发送完毕,标记6说明在该时间点页面开始显示,标记7说明在0.342秒的时候所有DOM和图片都已加载完成并开始执行onload事件。

最后来看看图片中被黄色标记了的一行,首先,感叹号一列中为空,说明没有告警信息,Time列中显示为0.113,说明该请求共耗时0.113秒,Sent列为383和Received列为371,说明该请求发送了383字节的数据和接收了371字节的数据,Methoed列为GET,说明使用的GET方法,Type列显示了一个图标,如果把鼠标移到上面,会显示image/gif,说明请求的内容类型为gif图片,URL列显示了请求的地址。

这一部分讲解了中间网格部分的内容,当然有些细节没有详细阐述,需要读者自己去操作,而且这些内容和HTTP协议有关,就像开篇说的,需要读者懂一些HTTP知识。


标签:网页记录网页抓取网页测试HTTP网页分析Firefox

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP