browser-tools-mcp
活跃·★ 7.3k·MIT·更新于 2026-08-12
★ 时下流行
BrowserTools MCP 是一个浏览器监控和交互工具，让支持 MCP 的 AI 应用通过 Chrome 扩展捕获和分析浏览器数据。它由三个组件构成：捕获截图、控制台日志、网络活动（XHR 请求和响应）以及所选 DOM 元素的 Chrome 扩展；位于扩展与 MCP 服务之间的 Node 服务；以及向 Cursor、Claude Desktop、Cline 或 Zed 等客户端提供标准工具的 MCP 服务。服务端会智能截断字符串和重复对象，以保持在 token 限制之内。
1.2.0 版本新增了：把截图自动粘贴到 Cursor 的选项、基于 Lighthouse 的 SEO、性能、无障碍和最佳实践审计工具、针对 Next.js 的 SEO 提示、按顺序运行各工具的调试模式和审计模式、Windows 连接问题的修复，以及服务、扩展和 MCP 服务之间的自动发现和自动重连。设置方法是从发布包安装扩展，用 npx 运行 MCP 服务，并打开 DevTools 面板。README 声明所有日志都保存在本地，不会发送给任何第三方服务。项目采用 MIT 许可证。
#浏览器自动化#AI 工具#模型上下文协议#网页审计#Chrome 扩展
01
功能特性
01捕获浏览器数据（日志、网络、DOM、截图）
02通过模型上下文协议 (MCP) 与 AI 集成
03执行全面的网页开发审计（SEO、可访问性、性能）
04自动化无头 Chrome 收集审计数据
05提供结构化 JSON 结果供 AI 解析
02
为什么选择它
+让助手获得开发者会查看的浏览器上下文：控制台日志、网络请求、所选元素和截图。
+基于 Lighthouse 的 SEO、性能、无障碍和最佳实践审计工具，以及调试模式和审计模式。
+日志保留在你的机器上（README 称不会发送给第三方），并会截断以适应 token 限制。
+适用于 Cursor、Claude Desktop、Cline 和 Zed，各组件之间可自动重连。
03
权衡点
!需要配置三个部分：Chrome 扩展、Node 服务和 MCP 服务，并保持它们连通。
!它通过扩展绑定在 Chrome 上，README 里的自动粘贴功能针对的是 Cursor。
!仓库最近一次更新在 2026 年 8 月，README 仍以 v1.2.0 的内容为主。
04
兼容性
Cursor
原生集成
已通过文档验证
Claude Desktop
支持
已通过文档验证
Cline
支持
已通过文档验证
Zed
支持
已通过文档验证
Model Context Protocol
协议原生
已通过文档验证
05
快速开始
1
$ npx @agentdeskai/browser-tools-mcp@latest
06
使用场景
↳赋能 AI 编码助手审计和调试网页
↳改进网页应用的 SEO、性能和可访问性
↳自动化分析和优化 NextJS 应用
07
同类工具
收录于以下清单
评论
登录后发表评论
暂无评论，来发表第一条吧