利用TCPIP Monitor分析HTTP协议的请求应答机制

本文介绍如何使用MyEclipse插件中的TCP/IP Monitor功能来监控HTTP请求与响应的过程,通过实例演示如何理解Web页面加载机制及本地缓存工作原理。

 

一.配置
 
*安装MyEclipse插件,打开Eclipse;选择WindowàShow ViewàOtheràMyEclipse CommonàTCP/IP Monitor进入TCP/IP监测窗口。
*在主窗口右击鼠标,选择Properties;点Add增加一个监视端口的配置。如图:
 图一
 
备注:Local monitoring port为本地监视端口,Host name和Port为被监视的目标地址及端口
二 监视
 
在浏览器中输入服务的地址,如http://127.0.0.1:8000/Knowledge端口使用现在配置的监测端口8000,相当于在本地端口与应用程序服务8080端口之间设置了一个代理端口8000(对应于上图配置),所有请求服务返回的数据都会被8000端口捕获。
 
图二 
 
概览:两次鼠标动作请求的url
图三
 
第一次请求(/Knowledge/kstopic.action)和响应的详细情况
 
图四
向服务器请求并加载页面include进去的Javascript文件
图五
 
向服务器请求并加载页面include进去的CSS文件
图六
 
请求页面引用的图片
图七
第二次请求,url为/Knoledge/showFaqList.action,下图左侧框内为第二次客户端真正请求服务器资源的列表
图八
请求页面正文的部分
图九
 
对照上面两张图,可以看到页面里面既引入了CSS文件,又包含其它.gif图片,但实际上客户端只请求了这些资源——fanye_01到fanye_04的四张图片,对于其它资源比如css/m_css.css,image/bigfeet_50.gif并没有再次向服务器请求就已经加载,Why?
 
分析及总结
 
*1.一次请求首先返回的是全部页面文本,然后浏览器解析文本,发现页面内部引用的资源时需要重新向服务器发送请求,加载资源到本地
*2.本地缓存机制,同一个资源(CSS、图片)在以后的请求页面中被遇到时,浏览器不再向服务端发送请求,而是直接从本地缓存中加载
*3.监测到的Response:状态码200   HTTP/1.1 200 OK ==>
       所以Ajax开发当中为什么要判断status
       if(req.readyState == 4)
            {
                if(req.status == 200)
                { 
                }
            }
*4.认识这些有助于加深对Web编程的理解,分析页面的生成方式,编程中页面优化提升性能就有了方向
 
 
 
 
 
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值