HttpWatch工具简介及使用技巧

一 概述：

HttpWatch 强大的网页数据分析工具 . 集成在 Internet Explorer 工具栏 . 包括网页摘要 .Cookies 管理 . 缓存管理 . 消息头发送 / 接受 . 字符查询 .POST 数据和目录管理功能 . 报告输出 HttpWatch 是一款能够收集并显示页页深层信息的软件。它不用代理服务器或一些复杂的网络监控工具，就能 够在显示网页同时显示网页请求和回应的日志信息。甚至可以显示浏览器缓存和 IE 之间的交换信息。集成在 Internet Explorer 工具栏。

 

二 安装HttpWatch

略过^_^ 

 三 基本功能介绍

启动Httpwatch

从IE的“查看”—“浏览器栏”—“HttpWatch”启动HttpWatch。如下图所示：

以下是HttpWatch程序界面

以下用登录我的邮箱 mail.163.com例子来展示Httpwatch:

点击“Record”后，在IE打开需要录制的网址,mail.163.com， 输入用户名，密码后完成登录操作

1． 3.1 Overview （概要）

表示选定某个信息显示其概要信息

如上图红框所示：

URL ： http://mimg.163.com/external/closea_d.js

Result ：200

请求的URL是http://mimg.163.com/external/closea_d.js ， 返回的Htpp状态代码结果200，表示成功；

Resync URL   Browser requested refresh if changed - http://mimg.163.com/external/closea_d.js

浏览器请求的URL

Started At      2008-Jan-04 09:21:09.422 (local time)

请求开始时间(实际记录的是本机的时间)

Connect       Connect to IP address '218.107.55.86'

请求的网址的IP地址

Http Request   Unconditional request sent for http://mimg.163.com/external/closea_d.js

Http 请求，当浏览器向Web服务器发出请求时，它向服务器传 递了一个数据块，也就是请求信息

Http Response Headers and content returned

Http 响应，当浏览器接受到web服务器返回的信息时

2． 3.2 Header （报头）

表示从Web服务器发送和接受的报头信息；

http://g1a90.mail.163.com/a/p/main.htm?sid=UBDCcOJJDknBulMFzSJJipPzfROMNqHO

如上图红框所示：

Http 请求头发送信息

Headers Sent                     value

Request-Line                     GET /external/closea_d.js HTTP/1.1

以上代码中“GET”代表请求方法，“closea_d.js”表示 URI，“HTTP/1.1代表协议和协议的版本。

Accept                           */*

指示能够接受的返回数据的范围, */*表示所有

Accept-Encoding                  gzip, deflate

Accept-Encoding 表明了浏览器可 接受的除了纯文本之外的内容编码的类型，比如gzip压缩还是deflate压缩内容。

Accept-Language                  zh-cn

表示能够接受的返回数据的语言

Connection                       Keep-Alive

保持Tcp请求连接

备注：在 HTTP 工作开始之前， Web 浏览器首先要通过网络与 Web 服务器建立连接，该连接是通过 TCP 来完成的，该协议与 IP 协议共同构建 Internet ，即著名的 TCP/IP 协议族，因此 Internet 又被称作是 TCP/IP 网络。 HTTP 是比 TCP 更高层次的应用层协议，根据规则，只有低层协议建立之后才能，才能进行更层协议的连接，因此，首先要建立 TCP 连接，一般 TCP 连接的端口号是 80

Cookie                   vjuids=-1b9063da8.1173d33f879.0.9aab8b85a459d; vjlast=1199406314; _ntes_nnid=a1e69963f40453af8a9ad171cc4cd8da,0|tech|; NTES_UFC=3000000100000000000000000000000000000000000000000000000000000000; Province=021; City=021; ntes_mail_firstpage=normal; NTES_SESS=68LUOUH9ewcCBFyN5OXZ_0qf._IOMCkFscaGYrooXpjtVF7r8Vx7jAzg7HGdWo00GQEn1ZmrZcX7FMAXnb052r8XOFZZYk.hN; NETEASE_SSN=mayingbao2002; NETEASE_ADV=11&23&1199409658752;

Coremail=VDeAMrrrDFaTa%XCVwJiXXsRLSLkbLhZXXZGqPJkEXFKNt    

Cookie 没什么说的就是客户端记录相关信息

Host                     mimg.163.com

请求连接的主 机名称’

Referer Http://g1a114.mail.163.com/a/p/main.htm?sid=XCVwJiXXsRLSLkbLhZXXZGqPJkEXFKNt    

包含一个 URL ，用户从该 URL 代表的页面出发访问当前请求的页面

User-Agent         Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)                                                                                    

客户端标识浏览器类型

Http 请求头返回信息

Headers Received                                              Value

Status-Line                                                    Http/1.0 200 ok

表示Http 服务端响应返回200

Accept-Ranges                                               bytes

Http 请求范围的度 量单位

Age                                                       117

表示Http 接受到请求操作响应后的缓存时间

Cache-Control                                             max-age=3600

一个用于定义 缓存指令的通用头标

Connection                                               keep-alive

保持Tcp请求连接

Content-Type                                             application/x-javascript

标明发送或者 接收的实体的MIME类型

Date                                                Fri, 04 Jan 2008 01:12:26 GMT 

发送HTTP 消息的日期

Etag                                              "10f470-734-b32eb00"

一种实体头 标，它向被发送的资源分派一个唯一的标识符

Expires                                      Fri, 04 Jan 2008 02:12:26 GMT

指定实体的有 效期

Last-Modified                                Fri, 04 Jan 2008 01:01:00 GMT

指定被请求资 源上次被修改的日期和时间

Server                                      Apache

一种标明 Web服务器软件及其版本号的头标

X-Cache                                    HIT from mimg68.nets.com    

表示你的 http request 是 由 proxy server 回的  

3． 3.3 Cookies

显示Cookies信息

如上图所示City=021，其实是我163邮箱中设置城市信息值，在 Cookies中记录为021(代表上海这个城市)

备注：

什么是cookie？Cookie是一种在客户端保持HTTP状态信息的技 术，Cookie是在浏览器访问WEB服务器的某个资源时，由WEB服务器在HTTP响应消息头中附带传送给浏览器的一片数据，WEB服务器传送给各个客 户端浏览器的数据是可以各不相同的。

浏览器可以决定是否保存这片数据，一旦WEB浏览器保存了这片数据，那么它在以后 每次访问该WEB服务器时，都应在HTTP请求头中将这片数据回传给WEB服务器。

显然，Cookie最先是由WEB服务器发出的，是否发送Cookie和发送的 Cookie的具体内容，完全是由WEB服务器决定的。

Cookie 在浏览器与 WEB服务器之间传送的过程如图7.1所示。

4． 3.4 Cache( 缓存)

显示在请求完成前后的浏览器缓存里URL地址栏里的详细信息

5． 3.5 Query String( 查询字符串)

显示查询字符串被用在是传递参数 url 中

如下图所示：

http://reg.yodao.com/setcookie.jsp?username=mayingbao2002&domain=yodao.com&loginCookie=uaLr3t2p5wKi_ku90vYy04gK1MamttMzYGFxdsppqrz3ZhjsWZ8jzDlVjmxEIpSSx2hn__w3ZsoBSFu6gKRZyRUdIgZYzVciX&clearPersistCookie=

如上面的红框中显示的mayingbao2002字符串，是存在于 请求的URL传递的参

6． 3.6 POST Data

显示通过Post方式数据信息

以下是mail.163.com登录过程中POST Data，如下图所示：

https://reg.163.com/logins.jsp?type=1&url=http://fm163.163.com/coremail/fcg/ntesdoor2?lightweight%3D1%26verifycookie%3D1%26language%3D-1%26style%3D-1

上面的红 框：application/x-www-form-urlencoded表示， post 方式默认提交 数据编码

备注：以下为Post方式提交数据编码几种方式：

 

text/plain	以纯文本的形式传送
application/x-www-form-urlencoded	默认的编码形式，即 URL 编码形式
multipart/form-data	MIME 编码，上传文件的表单必须选择该

Mime Type 指的是如text/html,text/xml等类型

MIME （Multipurpose Internet Email Extension），意为多用途Internet邮件扩展，它是一种多用途网际邮件扩充协议，在1992年最早应用于电子邮件系统，但后来也应用到浏览 器。服务器会将它们发送的多媒体数据的类型告诉浏览器，而通知手段就是说明该多媒体数据的MIME类型，从而让浏览器知道接收到的信息哪些是MP3文件， 哪些是JPEG文件等等。当服务器把把输出结果传送到浏览器上的时候，浏览器必须启动适当的应用程序来处理这个输出文档。在HTTP中，MIME类型被定 义在<head>、</head>部分的Content-Type中。

数据类型	MIME 类型
超文本标记语言文本 .htm,.html 文件	text/html （数据类别是 text ，种类是 html ，下同）
纯文本， .txt 文件	text/plain
RTF 文本， .rtf 文件	application/rtf
GIF 图形， .gif 文件	image/gif
JPEG 图形， .jpeg, .jpg 文件	image/jpeg
au 声音， .au 文件	audio/basic
MIDI 音乐， mid,.midi 文件	audio/midi,audio/x-midi
RealAudio 音乐， .ra, .ram 文件	audio/x-pn-realaudio
MPEG ， .mpg,.mpeg 文件	video/mpeg
AVI ， .avi 文件	video/x-msvideo
GZIP ， .gz 文件	application/x-gzip
TAR ， .tar 文件	application/x-tar

如上图红圈所表示，可以看到POST Data 中的password和username数据；

备注：get方法和Post方 法区别

GET 方法

GET 方法是默认的HTTP请求方法，我们日常用GET方法来提交表单数据，然而用GET方法提交的表单数据只经过了简单的编码，同时它将作为 URL的一部分向Web服务器发送，因此，如果使用GET方法来提交表单数据就存在着安全隐患上。例如

Http://127.0.0.1/login.jsp?Name=zhangshi&Age=30&Submit=%cc%E+%BD%BB

从上面的URL请求中，很容易就可以辩认出表单提交的内容。（？之后的内容）另外由于 GET方法提交的数据是作为URL请求的一部分所以提交的数据量不能太大

POST 方法

POST 方法是GET方法的一个替代方法，它主要是向Web服务器提交表单数据，尤其是大批量的 数据。POST方法克服了GET方法的一些缺点。通过POST方法提交表单数据时，数据不是作为URL请求的一部分而是作为标准数据传送给Web服务器， 这就克服了GET方法中的信息无法保密和数据量太小的缺点。因此，出于安全的考虑以及对用户隐私的尊重，通常表单提交时采用POST方法。

7． 3.7 Content

统计显示收到的Http响应信息

如下图所示：可以查看

https://reg.163.com/logins.jsp?type=1&url=http://fm163.163.com/coremail/fcg/ntesdoor2?lightweight%3D1%26verifycookie%3D1%26language%3D-1%26style%3D-1

页响应具体内容：

8． 3.8 Stream

显示客户端发送的数据，然后服务器端返回的数据

客户端发送总数据：901 bytes sent to 218.107.55.86:80

客户端接受到服务器端返回总数据：247 bytes received by 192.168.52.188.10720

以下用请求一个mail.163.com中的Logo图标为例说明：

http://mimg.163.com/logo/163logo.gif

左边：客户端向服务器端发送数据流

1 GET /logo/163logo.gif HTTP/1.1

以上代码中“GET”代表请求方法，“closea_d.js”表示 URI，“HTTP/1.1代表协议和协议的版本。

2 Accept: */*

指示能够接受的返回数据的范围, */*表示所有

3 Referer: http://g1a114.mail.163.com/a/f/js3/0712240954/index_v6.htm

包含一个 URL ，用户从该 URL 代表的页面出发访问当前请求的页面

4 Accept-Language: zh-cn

表示能够接受的返回数据的语言

5 Accept-Encoding: gzip, deflate

Accept-Encoding 表明了浏览器可 接受的除了纯文本之外的内容编码的类型，比如gzip压缩还是deflate压缩内容。

6 User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

客户端标识浏览器类型

7 Host: mimg.163.com

访问地址主机标识地址

8 Connection: Keep-Alive

保持Tcp连接(前台已有备注，这里不做说明)

9Cookie: vjuids=-1b9063da8.1173d33f879.0.9aab8b85a459d; vjlast=1199406314; _ntes_nnid=a1e69963f40453af8a9ad171cc4cd8da,0|tech|; NTES_UFC=3000000100000000000000000000000000000000000000000000000000000000; Province=021; City=021; ntes_mail_firstpage=normal; NTES_SESS=68LUOUH9ewcCBFyN5OXZ_0qf._IOMCkFscaGYrooXpjtVF7r8Vx7jAzg7HGdWo00GQEn1ZmrZcX7FMAXnb052r8XOFZZYk.hN; NETEASE_SSN=mayingbao2002; NETEASE_ADV=11&23&1199409658752; Coremail=VDeAMrrrDFaTa%XCVwJiXXsRLSLkbLhZXXZGqPJkEXFKNt; wmsvr_domain=g1a114.mail.163.com

Cookies 没什么说的，前面已列举了

右边：服务器端向客户端返回数据流

1 HTTP/1.0 304 Not Modified

服务器告诉客户，原来缓冲的文档还可以继续使用。

2 Date: Mon, 31 Dec 2007 21:42:27 GMT

发送HTTP 消息的日期

3 Content-Type: image/gif

服务器返回请求类型是image/gif

4 Expires: Wed, 30 Jan 2008 21:42:27 GMT

指定实体的有 效期

5 Last-Modified: Wed, 19 Apr 2006 03:46:16 GMT

指定被请求资 源上次被修改的日期和时间

6 Age: 5607

表示Http 接受到请求操作响应后的缓存时间

7 X-Cache: HIT from mimg68.nets.com

表示你的 http request 是 由 proxy server 回的  

8 Connection: keep-alive

保持Tcp请求连接状态

9． 3.9 HttpWatch 请求信息框

菜单区 如上图红框所 示：

Started: 表示开始记录请 求一个URL时间

Time: 表示记录请求耗费的时间

Sent: 表示客户端向服务器端发送请求字节大小

Reveived: 表示客户端收到 服务端发送请求字节大小

Method: 表示请求URL 方式

Result: 表示服务器返回 到客户端结果

以下是Httpwatch中 http状态码列表

 

200	OK/Success status code
302	Moved temporarily status code
304	Not modified status code
401	Access denied status code
404	Page or file not found
Aborted	Internet Explorer aborted the HTTP request before a response was received
(Cache)	Content read from cache without sending an HTTP request to the server
ERROR_*	An error occurred such as ERROR_INTERNET_NAME_NOT_RESOLVED
2xx	Successful HTTP status code
3xx	Redirection HTTP status code
4xx	Client error HTTP status code
5xx	Server error HTTP status code