1. 开发者工具使用
- 在页面按F12打开开发者工具
- 点击Network面板查看流量数据
- 通过Reload按钮重新加载页面
- 在Filter栏输入关键词筛选请求
2. 详细信息查看
- 点击具体请求查看Headers信息
- 在Preview面板预览资源内容
- 使用Timing标签分析加载时间
- 在Size列查看文件大小数据
3. 实时监控功能
- 在Network面板保持持续刷新
- 通过Capture选项开始/停止记录
- 使用Clear按钮清除历史记录
- 在Timeline查看资源加载顺序
二、高级分析技巧
1. 流量统计方法
- 在Size列查看总数据传输量
- 通过Type过滤器分类资源类型
- 使用Chart图标生成流量图表
- 在Console输入`$_['size']`计算总和
2. 请求排序方式
- 点击Latency列按延迟时间排序
- 在Domain列查看服务器分布
- 使用Status码过滤错误请求
- 通过Method区分GET/POST请求
3. 缓存分析技术
- 在Size列查看From Disk数据
- 通过Cache-Control查看缓存策略
- 使用Expires判断缓存有效期
- 在Age列查看缓存命中时间
三、特殊场景应用
1. 移动端模拟
- 在Network面板启用Throttle功能
- 选择不同网络速度进行测试
- 通过User Agent切换设备类型
- 在Emulation设置模拟手机环境
2. 安全分析功能
- 在Security面板查看证书信息
- 通过Mixed Content检测混合内容
- 使用HSTS检查安全连接状态
- 在Headers查看CSP策略配置
3. 性能优化分析
- 在Waterfall图查找阻塞点
- 通过Long Task分析脚本执行
- 使用Filmstrip模式查看加载过程
- 在Audits面板运行性能报告
四、数据导出处理
1. 日志保存方法
- 在HAR导出器保存网络日志
- 通过Copy All复制数据到剪贴板
- 使用Export功能生成CSV文件
- 在Save Log存储当前会话记录
2. 共享分析技巧
- 通过Share功能发送网络日志
- 在Notes面板添加标记说明
- 使用Compare对比不同会话数据
- 在Snippet保存常用分析代码
3. 自动化分析方案
- 在扩展程序添加Network AutoLogger插件
- 通过Puppeteer编写自动化脚本
- 使用Lighthouse生成性能报告
- 在Console执行自定义分析命令
