使用说明

项目简介

Browser Tools MCP Server 是一个 MCP 服务器的实现，它扩展了 LLM 的能力，使其能够与用户的浏览器进行交互。通过注册一系列浏览器工具，该服务器允许 LLM 客户端调用浏览器功能，从而实现更丰富的交互和数据访问。

主要功能点

浏览器日志访问: 提供工具以获取浏览器控制台日志（包括错误和所有日志）。
网络日志: 允许 LLM 检查浏览器的网络请求日志，包括错误日志和所有网络请求。
屏幕截图: 支持 LLM 指示服务器截取当前浏览器标签页的屏幕截图。
元素选择: 提供工具以获取浏览器中当前选定元素的信息。
日志清理: 允许 LLM 清空浏览器日志内存。
网页审计: 支持运行网页审计工具，包括可访问性、性能和 SEO 审计，以评估网页质量。
调试模式: 提供调试工具，辅助 LLM 进行应用问题排查。
审计模式: 提供审计工具，支持 LLM 对应用进行 SEO、可访问性和性能优化。

安装步骤

安装 Node.js: 确保你的系统上已安装 Node.js 和 npm。
下载仓库: 从 GitHub 仓库 https://github.com/Daniboycg/MCP_servers 下载 'MCP_servers' 仓库到本地。
导航到目录: 使用终端或命令提示符，导航到 'MCP_servers/browser-tools-mcp/browser-tools-mcp' 目录。
安装依赖: 运行 'npm install' 安装项目依赖。
编译 TypeScript: 运行 'npm run build' 编译 TypeScript 代码。

服务器配置

MCP 客户端需要配置 MCP 服务器的启动命令和参数，以便连接到 Browser Tools MCP Server。以下是配置信息，请复制到 MCP 客户端的服务器配置中：

{
  "server name": "Browser Tools MCP Server",
  "command": "node",
  "args": [
    "mcp-server.js"
  ],
  "parameters":{
    "description": "Browser Tools MCP Server",
    "notes": "请确保在 MCP 客户端中配置此服务器的启动命令和参数，以便 LLM 可以使用浏览器工具。"
  }
}

基本使用方法

启动服务器: 在 'MCP_servers/browser-tools-mcp/browser-tools-mcp' 目录中，运行 'npm start' 启动 MCP 服务器。
配置 MCP 客户端: 在支持 MCP 协议的 LLM 客户端（如 Windsurf、Cursor 等）中，按照上述服务器配置信息添加 Browser Tools MCP Server。
使用 LLM 调用工具: 在 LLM 交互中，可以使用工具名称（例如 'getConsoleLogs', 'takeScreenshot', 'runAccessibilityAudit' 等）来指示 LLM 调用相应的浏览器工具。

注意: 该服务器依赖于浏览器连接器服务 ('browser-tools-server')，请确保 'browser-tools-server' 服务也在运行，以便 MCP 服务器可以与其通信并获取浏览器数据。

关键词

使用说明

信息