强大的网页分析、调试工具
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（概要） 表示选定某个信息显示其概要信息
https://www.snuday.com/upload/2010/1/201001221655508355.gif" />
如上图红框所示： URL：
如上图红框所示： 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中 如下图所示： upload/2010/1/201001221655511272.gif" />
如上面的红框中显示的mayingbao2002字符串，是存在于请求的URL传递的参
6． 3.6 POST Data 显示通过Post方式数据信息 以下是mail.163.com登录过程中POST Data，如下图所示： upload/2010/1/201001221702438767.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方法来提交表单数据就存在着安全隐患上。例如 upload/2010/1/201001221655517421.gif" />
upload/2010/1/201001221655516872.gif" /> upload/2010/1/201001221655554356.gif 左边：客户端向服务器端发送数据流 1 GET /logo/163logo.gif HTTP/1.1 以上代码中“GET”代表请求方法，“closea_d.js”表示URI，“HTTP/1.1代表协议和协议的版本。 2 Accept: */* 指示能够接受的返回数据的范围, */*表示所有 3 Referer: upload/2010/1/201001221702430564.gif" /> 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
详细Http状态查询，可以参考这个
态代码 状态信息 含义 100 Continue 初始的请求已经接受，客户应当继续发送请求的其余部分。（HTTP 1.1新） 101 Switching Protocols 服务器将遵从客户的请求转换到另外一种协议（HTTP 1.1新） 200 OK 一切正常，对GET和POST请求的应答文档跟在后面。 201 Created 服务器已经创建了文档，Location头给出了它的URL。 202 Accepted 已经接受请求，但处理尚未完成。 203 Non-Authoritative Information 文档已经正常地返回，但一些应答头可能不正确，因为使用的是文档的拷贝（HTTP 1.1新）。 204 No Content 没有新文档，浏览器应该继续显示原来的文档。如果用户定期地刷新页面，而Servlet可以确定用户文档足够新，这个状态代码是很有用的。 205 Reset Content 没有新的内容，但浏览器应该重置它所显示的内容。用来强制浏览器清除表单输入内容（HTTP 1.1新）。 206 Partial Content 客户发送了一个带有Range头的GET请求，服务器完成了它（HTTP 1.1新）。 300 Multiple Choices 客户请求的文档可以在多个位置找到，这些位置已经在返回的文档内列出。如果服务器要提出优先选择，则应该在Location应答头指明。 301 Moved Permanently 客户请求的文档在其他地方，新的URL在Location头中给出，浏览器应该自动地访问新的URL。 302 Found 类似于301，但新的URL应该被视为临时性的替代，而不是永久性的。注意，在HTTP1.0中对应的状态信息是“Moved Temporatily”。 出现该状态代码时，浏览器能够自动访问新的URL，因此它是一个很有用的状态代码。 注意这个状态代码有时候可以和301替换使用。例如，如果浏览器错误地请求http://host/~user（缺少了后面的斜杠），有的服务器返回301，有的则返回302。 严格地说，我们只能假定只有当原来的请求是GET时浏览器才会自动重定向。请参见307。 303 See Other 类似于301/302，不同之处在于，如果原来的请求是POST，Location头指定的重定向目标文档应该通过GET提取（HTTP 1.1新）。 304 Not Modified 客户端有缓冲的文档并发出了一个条件性的请求（一般是提供If-Modified-Since头表示客户只想比指定日
