
1.
打开开发者工具定位网络面板
- 在Chrome右上角点击三个点→选择“更多工具”→点击“
开发者工具”→切换到“Network”面板→刷新页面查看所有请求(如加载首页时显示30个资源文件)。
- 通过
快捷键`Ctrl+Shift+I`→直接调出开发者工具→鼠标悬停请求项查看详细信息(需保持网络连接正常)。
2. 筛选关键请求类型减少干扰
- 在Network面板左上角选择“XHR”→仅显示异步请求→快速找到API调用(如筛选出5个登录验证的POST请求)。
- 通过右键点击列标题→选择“列显示设置”→隐藏“Headers”和“Preview”→简化界面(需手动调整显示选项)。
3. 捕获并分析具体请求细节
- 在Network面板中找到目标请求→双击打开详情页→查看“Response”标签内容→检查返回数据格式(如确认JSON数据是否包含预期字段)。
- 通过快捷键`Alt+Click`→直接跳转到响应头或正文→对比不同请求的差异(需多次刷新页面测试)。
4. 修改请求参数进行模拟测试
- 在Network面板中右键点击请求→选择“Edit and Resend”→修改URL参数或请求头→发送新请求观察结果(如将GET改为POST测试接口兼容性)。
- 通过命令行添加参数`--user-agent="CustomAgent"`→伪装请求来源→测试
服务器响应逻辑(需重启浏览器生效)。
5. 保存请求日志用于后续分析
- 在Network面板右上角点击“导出”→选择“HAR文件”→下载所有请求记录→使用Excel或Python解析(如分析加载时间分布)。
- 通过快捷键`Ctrl+S`→手动保存截图→记录关键请求状态(需保存为PNG格式)。