BrowserTools MCP Server
输入“/”快速插入内容
🔥
BrowserTools MCP Server
用户5433
用户5433
2025年4月27日修改
🏕️
BrowserTools MCP Server 是一个基于 Model Context Protocol 的本地化浏览器分析工具,通过 Chrome 扩展实时捕获日志、网络请求与 DOM 元素,集成自动化审计(可访问性、性能、SEO 等)与调试功能,为开发者提供安全、高效的浏览器交互能力,所有数据处理本地化且兼容 Cursor、Claude 等 AI 工具链。
地址:
https://github.com/AgentDeskAI/browser-tools-mcp
许可证
:MIT License(详见 LICENSE 文件)
快速了解项目
💡
关键词
MCP、浏览器监控、Chrome 扩展、AI 编程助手、Cursor、Claude、日志捕捉、自动化调试
项目目的
本项目旨在通过 MCP 协议,将浏览器的实时数据(如日志、DOM 结构、用户交互等)提供给 AI 编程助手,使其具备浏览器上下文感知能力,从而实现更智能的代码生成、调试和用户行为分析。
目标人群
•
使用
AI 编程助手
(如 Cursor、Claude)进行开发的工程师
•
需要
实时浏览器上下文信息
进行调试和分析的开发者
•
追求
开发自动化与智能化
的前端开发团队
功能介绍
1.
浏览器数据捕捉与分析
•
通过 Chrome 扩展,实时捕捉浏览器中的日志、网络请求、DOM 结构等信息,并通过 MCP 协议提供给 AI 工具。
2.
与 AI 编程助手集成
•
支持与 Cursor、Claude 等 AI 编程助手集成,使其能够获取浏览器上下文,实现更智能的代码生成和调试。
3.
自动化调试与交互
•
AI 工具可以基于浏览器上下文,自动进行调试、生成测试用例,甚至模拟用户交互,提高开发效率。
4.
快速部署与配置
•
提供简单的安装和配置方式,开发者可以快速集成到现有的开发流程中。
MCP 配置
代码块
JSON
{
"mcpServers": {
"browser-tools": {
"command": "npx",
"args": ["@agentdeskai/browser-tools-mcp"]
}
}
}
BrowserTools MCP 知识库文档
配置后,即可像知识库一样对 BrowserTools MCP 发起询问
代码块
JSON
// VSCode 配置
{
"mcpServers": {
"BrowserTools MCP Docs": {
"type": "sse",
"url": "https://gitmcp.io/agentdeskai/browser-tools-mcp"
}
}
}
DeepWiki
https://deepwiki.com/agentdeskai/browser-tools-mcp