CDP网络拦截记录器

解决的问题

浏览器自动化里，HTTP 流量常常是「黑盒」：脚本只看到页面最终渲染结果，不知道请求何时发出、响应体是什么、重试和鉴权头有没有带上。在 requests 或 fetch 层面打补丁，要么漏掉框架自动发出的 XHR，要么侵入业务代码；想临时改一个响应体做失败演练，更没有干净的落点。这个技能把观测点下沉到 Chrome DevTools Protocol（CDP），不碰页面代码，直接在网络层拦截流量。

工作方式

核心依赖两个 CDP 事件：

• Fetch.requestPaused：Fetch 域在网络层暂停请求，此时可以读取完整请求头和请求体，按需放行、修改后再继续
• Network.responseReceived：Network 域同步返回响应元信息，配合请求侧记录就能拼出一次完整往返

典型流程：

1. 建立 CDP 连接，启用 Fetch 与 Network 两个域
2. 请求暂停时抓取 URL、方法、头部、body，按规则决定放行或改写
3. 响应到达时记录状态码、响应头和响应体
4. 所有条目汇入 HAR 结构，导出后可直接用 Charles Proxy 打开回放分析

请求与响应正文修改都发生在协议层，页面脚本无感知，适合做接口 mock、故障注入和抓包审计。

适用边界

• 只适用于支持 CDP 的浏览器自动化环境，非浏览器场景无法使用
• 启用 Fetch.requestPaused 会带来额外开销，暂停窗口过长可能拖慢请求链，建议按需过滤 URL
• 修改 body 时需自行保证格式与签名合法，否则可能触发校验失败
• 该技能无法自动提取基于源码的安装或使用说明，敏感工作流前务必先审查上游项目：https://github.com/1991513ccie-png/skills