🔥
BrowserTools MCP Server

用户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 配置

代码块

{​
  "mcpServers": {​
    "browser-tools": {​
      "command": "npx",​
      "args": ["@agentdeskai/browser-tools-mcp"]​
    }​
  }​
}​

BrowserTools MCP 知识库文档

配置后，即可像知识库一样对 BrowserTools MCP 发起询问

代码块

// VSCode 配置​
{​
  "mcpServers": {​
    "BrowserTools MCP Docs": {​
      "type": "sse",​
      "url": "https://gitmcp.io/agentdeskai/browser-tools-mcp"​
    }​
  }​
}​

DeepWiki

https://deepwiki.com/agentdeskai/browser-tools-mcp