如何在FireFox/Chrome开发者工具中按内容过滤网络请求？

1. 浏览器开发者工具（前端调试场景） #

• 打开浏览器DevTools的Network面板，先筛选出所有指向/graphql的请求
• 在「Filter」输入框里用payload字段过滤：比如GraphQL请求的JSON负载里通常有operationName字段，直接输入operationName:"你的目标请求类型"就能精准匹配
• 右键请求列表的表头，选择「Add Column」添加「Payload」列，能直观看到每个请求的类型；统计次数看面板底部的请求计数，每个请求的时间戳和耗时可以在「Timing」标签里查看

2. 命令行日志分析（后端批量日志场景） #

如果是服务器端的访问日志，且日志里包含完整的GraphQL payload，用jq工具可以快速处理：

• 过滤特定请求类型：cat access.log | jq 'select(.payload.operationName == "你的目标请求类型")'
• 统计该类型请求的总次数：cat access.log | jq 'select(.payload.operationName == "你的目标请求类型")' | wc -l
• 提取请求时间和类型：cat access.log | jq '[.timestamp, .payload.operationName]'

3. APM/API监控工具（生产环境长期监控） #

像New Relic、Datadog这类监控工具支持自定义解析GraphQL请求：

• 配置规则从请求payload里提取operationName作为请求的标识维度
• 直接在监控面板里按这个维度筛选，就能查看该类型请求的次数趋势、响应时间分布等数据

内容的提问来源于stack exchange，提问作者Steve Bennett