# 使用HttpWatch判断网络通信是否正常的步骤 ## 1. 启动HttpWatch并录制会话 - 打开浏览器并启动HttpWatch插件 - 点击【Record】按钮开始捕获网络请求 - 执行需要测试的操作(如页面访问、表单提交等) ## 2. 检查HTTP状态码 ✅ 正常表现: - `200 OK`:请求成功 - `301/302`:合理的重定向 - `304`:有效缓存 ❌ 异常表现: - `4xx` 客户端错误(如404资源不存在) - `5xx` 服务端错误(如502网关错误) - `0` 或空白状态码(请求未完成) ## 3. 关注请求/响应时间 在【Timing】标签页查看: - DNS查找时间:应小于100ms - TCP连接时间:应小于300ms - 首字节时间(TTFB):应小于500ms - 内容下载时间:根据资源大小合理波动 ## 4. 检查请求内容 - 请求头是否包含必要参数(如认证信息) - POST请求体参数是否正确 - Cookie是否正常传递 - URL编码是否符合预期 ## 5. 分析响应内容 - 检查响应头中的`Content-Type`是否匹配 - 验证返回数据格式(JSON/HTML/XML) - 查看响应体内容是否完整 - 注意异常响应(如HTML错误页面代替JSON数据) ## 6. 排查网络错误 在【Errors】标签页关注: - DNS解析失败(检查域名配置) - TCP连接超时(检查网络连通性) - SSL/TLS握手失败(检查证书有效性) - 请求被取消(可能前端代码问题) ## 7. 验证HTTPS安全性 - 证书是否有效(非自签名/未过期) - 加密协议是否为TLS 1.2+ - 证书域名是否匹配请求地址 ## 8. 对比正常/异常场景 - 保存正常请求作为基准 - 异常时对比时间轴差异 - 重点关注首次异常请求的位置 ## 典型问题快速判断 - 所有请求正常完成 + 状态码200 = 通信正常 - 部分资源加载失败 = 检查CDN或静态资源路径 - 持续高延迟 = 网络质量/服务器性能问题 - 间歇性失败 = 检查网络稳定性或服务端负载 通过以上步骤的组合分析,可以系统性地排查网络通信问题。建议配合浏览器的开发者工具(F12)进行交叉验证,特别是前端脚本错误可能引发的异常请求。