HttpWatch工具简介及使用技巧
HttpWatch工具简介及使用技巧
2009年07月13日 星期一 02:53 P.M.
基本功能介绍
启动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
|
|
分享到：
Global site tag (gtag.js) - Google Analytics
|
相关推荐
HttpWatch 网页数据分析工具，可分析打开网页时网页上每个元素所用的时间以及具体的交互记录，包 括Cookies、消息头、字符查询等信息，是分析网站服务器性能的必备工具...并含有HttpWatch工具简介及使用技巧说明文档。
### HttpWatch工具简介 HttpWatch是一款非常强大的网页数据分析工具，主要功能在于收集并显示网页深层次的信息，例如网页请求和响应的日志详情等。这款工具直接集成于Internet Explorer工具栏，无需借助代理服务器...
**httpwatch 功能及使用技巧 说明** **一、httpwatch 简介** HttpWatch 是一款强大的HTTP协议分析工具，由IISrael公司开发，主要用于优化网站性能和解决网页加载问题。它能够深入到浏览器内部，实时捕获并显示网页...
**httpwatch Pro 使用技巧详解** **一、httpwatch Pro 简介** HttpWatch Pro 是一款强大的HTTP协议分析工具，广泛应用于Web性能优化和故障排查。它能够集成在Internet Explorer和Firefox浏览器中，实时捕获并分析...
《深入理解HTTPWatch 6及注册文件》 在IT行业中，网络性能的优化是至关重要的，而HTTPWatch作为一款强大的HTTP...在实际工作中，熟练掌握HTTPWatch的使用技巧，对于提升工作效率，解决网络性能问题具有极大的帮助。
**HTTPWatch监控HTTP工具最新版本详解** HTTPWatch是一款强大的HTTP监测工具，专为开发者和网络专业人士设计，用于深入...通过使用HTTPWatch，用户可以更深入地了解网络请求过程，从而提升网站性能，保障网络安全。
HTTPWatch是一款高效的数据包分析工具，尤其在Web性能优化和问题诊断方面展现出强大的能力。它集成了在浏览器中直接捕获和分析HTTP请求的功能，帮助开发者、网络管理员以及性能测试人员深入洞察网络交互过程，从而...
标题提及的是“httpwatch和Firefox”，这暗示了我们将讨论这两个工具的集成和使用。HttpWatch是一款强大的HTTP性能分析工具，而Firefox则是一款流行的开源网络浏览器。结合描述，我们可以推断作者已经成功地将...
2. **HttpWatch工具使用**：HttpWatch的界面和功能介绍是学习的重点。这包括如何启动和配置工具，如何记录和分析网页加载过程，查看每个资源的加载时间、大小、缓存情况等。此外，还有如何使用工具进行性能基准测试...
### 使用技巧 - **实时监控**：在浏览网页过程中，HttpWatch实时显示数据，无需额外操作即可获取详细信息。 - **比较模式**：对比不同加载方式（如禁用缓存、禁用JavaScript）下的性能差异。 - **导出报告**：生成...
HttpWatch是一款专为Web开发者设计的强大工具，它专注于网页数据的分析和性能优化。通过集成在Internet Explorer工具栏，HttpWatch能够实时捕获并显示网页加载过程中的各种详细信息，帮助开发者深入理解页面加载性能...
4. 结合其他工具：HTTPWatch可与其他性能测试工具（如WebPageTest、YSlow等）结合使用，以获得更深入的性能洞察。 总之，HTTPWatch作为一款专业级的数据包分析工具，以其强大的功能和直观的界面，为网络优化提供了...