Chrome网络MCP服务器
Chrome内置的DevTools MCP会将每个网络请求转储到AI的上下文窗口中。一个繁忙的页面有500多个请求,其中大多数是你不关心的脚本、字体和跟踪像素。在你到达一个重要的API调用之前,你的上下文充满了噪音。
这是一个Chrome扩展程序+ 主控程序 服务器,让你的AI *怎么翻译* 网络流量,而不是淹没在其中。按URL、状态代码、资源类型过滤。跨选项卡搜索。只为您实际需要的请求拉取标头和正文。
“把所有东西都扔掉”的问题
我构建这个是因为原生Chrome DevTools集成一直在吹我的上下文窗口。我会让Claude“检查这个API调用失败的原因”,它会获取兆字节的网络数据,烧穿上下文,仍然会错过埋在300位置的相关请求。
解决方法:不要发送所有内容。让AI一步步深入。
→ list_recorded_tabs # 3 tabs, 847 requests total
→ get_traffic_summary (types=[XHR, Fetch]) # 12 unique API endpoints, grouped by path
→ get_requests_overview (urlPattern=/api/orders) # 6 matching requests with status codes
→ get_request_detail (requestId=...) # full headers + body for the one that matters大约8KB的上下文,而不是500KB+。人工智能在4个电话中找到它需要的东西,而不是从一堆文本中猜测。
如何比较
| Chrome DevTools MCP | 此 | |
|---|---|---|
| 上下文用法 | 一次处理所有内容 | 只处理请求的内容 |
| 筛选 | 基本 | 正则表达式、资源类型、状态代码、排除模式 |
| 跨选项卡 | 否 | 一次搜索所有选项卡 |
| 响应体 | 全部或无 | 截断、跳过或获取每个请求 |
| 截断 | 无声 | 明确警告AI,以便它知道获取更多信息 |
设置
1.安装服务器
cd server && npm install2.加载Chrome扩展程序
首选 chrome://extensions,启用开发人员模式,单击“加载解包”,选择 extension/ 文件夹。
3.配置您的MCP客户端
复制 .mcp.json.example 到 .mcp.json 在您的项目中,更新路径:
{
"mcpServers": {
"chrome-network": {
"command": "node",
"args": ["/absolute/path/to/server/index.mjs"]
}
}
}4.记录流量
单击扩展图标,点击开始录制。它捕获所有标签页的流量。停止记录保留数据以供查询;Stop&Clear会擦除它。
工具
| 工具 | 它做什么 |
|---|---|
list_recorded_tabs | 哪些选项卡有流量,每个选项卡有多少请求 |
get_requests_overview | 选项卡的筛选请求列表——方法、URL、状态、大小(无正文) |
get_request_detail | 单个请求的完整标头、正文和时间 |
get_traffic_summary | 按域或路径分组的请求——查看页面与哪些API对话 |
search_requests | 按URL模式、方法或状态在所有选项卡中查找请求 |
start_recording / stop_recording | 来自AI的控制记录 |
get_recording_status | 检查连接和录制状态 |
clear_recordings | 擦除存储的数据(全部或每个选项卡) |
所有列表工具都支持分页。当结果被截断时,响应中会包含一个明确的警告,这样AI就不会认为它看到了一切。
配置
| Env变量 | 默认值 | 它的作用 |
|---|---|---|
WS_PORT | 7890 | 扩展端口↔ 服务器WebSocket |
RECORDING_TTL_MINUTES | 30 | 几分钟后自动清理过时数据 |
该端口也可以从扩展弹出窗口进行配置。
运作原理
Chrome Extension ──WebSocket──► MCP Server ──stdio──► Claude Code该扩展使用 chrome.debugger (不是 webRequest)以捕获完整的请求和响应正文。它通过localhost WebSocket将所有内容流式传输到MCP服务器,MCP服务器将其存储在内存中,并通过stdio上的MCP工具公开。
每个标签页的请求上限为5000,响应体上限为1MB,以保持内存限制。配置TTL后数据自动过期。
安全
- 捕获 全部 录制时包括身份验证标头和Cookie在内的流量——请注意您正在录制的内容
- WebSocket绑定到
127.0.0.1仅 - 这 `
需要主机权限chrome.debugger` 附加到任何选项卡
需求
- Node.js 18+
- 铬或铬
- MCP客户端(克劳德代码,或任何其他)
许可证
麻省理工学院
