1.页面图片不显示？2.页面样式混乱？3.某个JS没有生效？4.WEB页面加载很慢？遇到这些问题怎么办，我们要先从浏览器的请求开始分析了。此时我们就要HttpWatch了。这些指标要重点关注哦，它们是我们定位前端问题的入口。
工具/原料
HttpWatch专业版：httpwatch9.3.39pro.rar
免费使用：压缩包中包含license
百度网盘获取地址：http://pan.baidu.com/s/1hqjBoaS
方法/步骤
1、1.咯悝滩镞抓包列表，记录所有的浏览器请求及响应。查看哪些请求或响应有异常，例如请求js、css报404,action报500等Time：关注耗时比较大的请求Rec髫潋啜缅eived：结合Type项的值，关注接收字节数比较大的请求Result：关注40500、50Aborted、30302等返回值
2、2.蚪嬷吃败OverviewDisplayURL：表示请求的URLStartedAt：表示该请求开始的时间SubmitForm：表示表单(Form)被提交到的U伊怕锱鳏RL，只有POST操作时才会有该项DNSLookup：表示DNS查找操作Connect：表示TCP连接操作HTTPRequest：表示一个请求被发出去HTTPResponse：表示一个应答被收回ReadCache：表示该次请求是从cache中读取应答消息
3、3.H娣定撰钠eaders，消息头信息反映了HTTP的属性值，可观察实际的请求与我们预期的请求的一致性。Reque霜杼厮贿stHeader：Accept：可接受的文件类型Accept-Encoding：可接受的纯文本之外的内容编码的类型Accept-Language：可接受的返回数据的语言种类Connection：指定该次请求回应结束后，如何处理连接Cache-Control：指定请求和响应遵循的缓存机制Location：用于重定向接收者到一个新URI地址Host：请求连接的主机名ResponseHeader：Connection：指定该次请求回应结束后，如何处理连接Cache-Control：指定请求和响应遵循的缓存机制Content-Language：内容数据的语言种类Content-Length：传输的内容长度Content-Type：内容数据的类型（MiniType）Last-Modified：服务器上保存内容的最后修订时间Expires：内容数据被缓存的过期时间
4、4.TimeChart时间戳分析，该指标记录了每个请求经历几个阶段的时间消耗情况，通过该指标我们可以分析问题出在哪个请求？哪个阶段？
5、5.Cookie如系统集成跨域操作，session相关问题，需要分析cookie的变化
6、6.Cache
7、关注微信公众号javaf8获取更多实战经验、案例、设计思想。