网络请求修改器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_69043c0d/network-request-twister。
技能介绍
后端没就绪,前端怎么测?
在 Web 开发与自动化调试中,前端逻辑往往严重依赖后端接口。当后端还未就绪,或者你需要复现某个特定的边缘 Case 时,直接修改浏览器发出的网络请求与响应往往是最高效的方案。但传统的抓包工具通常需要安装沉重的浏览器插件,不仅环境配置繁琐,也很难直接集成到 AI Agent 的自动化工作流中。
基于 CDP 的观察与改写
这个技能通过 Chrome DevTools Protocol (CDP) 直接驱动浏览器,无需安装任何插件。它将工作流严格划分为两个阶段:
- 观察模式(Observation):当你还不清楚目标页面到底发送了什么请求时,先在此模式下抓取网络日志。它会输出
JSONL格式的数据流,每行包含requestId、url、method、statusCode等核心字段。利用resourceType可以轻松过滤出XHR或Fetch请求,帮助 AI 快速分析网络特征。 - 拦截模式(Interception):当你明确需要修改请求时,通过
STDIN管道传入 JSON 规则配置。规则支持allOf(AND)与anyOf(OR)逻辑,并能指定stage(request或response)。
你可以使用 block 屏蔽追踪脚本,用 setHeader 修改身份验证 Token,或者在响应阶段使用 patchBodyJson 修改接口返回的 JSON 数据。
执行约束与注意事项
- 观察优先:除非用户给出了极其明确的修改规则,否则必须先在观察模式下确认网络特征,再编写拦截规则。
- 长驻进程管理:核心脚本
twist是一个类似tail -f的纯阻塞进程,它不会在执行完毕后自动退出。如果 Agent 在同步模式下等待其结束,将会陷入永久阻塞。 - 后台轮询机制:启动该技能后,必须使用后台机制运行,并通过非阻塞轮询的方式读取
stdout输出。在拦截模式下,甚至不需要读取输出,等待用户在浏览器端完成验证后,再手动终止进程即可。
使用场景
- 联调时后端接口异常,前端工程师需用 patchBodyJson 替换响应数据,验证页面 UI 容错性
- 页面性能排查时,开发者需用 block 拦截 analytics 请求,验证无埋点状态下的实际加载速度
- 针对特定接口边界,开发需修改 API 返回的 JSONPath 值,模拟前端收到异常数据时的展示效果
适合人员
- Web 前端工程师,需要在后端接口未就绪时,通过 Mock 响应数据来推进界面开发和测试进度
- QA 测试工程师,需要在自动化测试中模拟特定的网络异常,验证产品在断网或接口超时时的表现
- AI 自动化集成开发者,需要编写脚本控制 AI Agent 操作浏览器并修改请求以绕过接口限制