项目简介

Web Client Errors MCP是一个专门用于检测和分析网站客户端错误的Model Context Protocol服务器。它利用浏览器自动化技术(如Playwright)模拟用户访问网页,捕获JavaScript错误、网络请求失败、控制台警告等,并将这些错误进行分类、分析,甚至生成修复建议。通过标准化的MCP接口,它可以无缝集成到LLM应用中,使AI代理能够理解并解决复杂的网页客户端问题。

主要功能点

  • 网页错误检测: 自动访问指定URL,监控并捕获网页加载过程中出现的JavaScript错误、网络请求错误、资源加载失败和控制台警告。
  • 会话管理: 为每次错误检测创建一个会话,记录所有发现的错误及相关上下文信息。
  • 错误分析: 对收集到的错误进行模式识别、常见错误统计和严重性分类。
  • 详细错误信息查询: 提供按错误ID或关键词查询特定错误详情的功能,包括堆栈跟踪和上下文分析。
  • AI辅助建议: 生成针对特定错误类型的修复建议,帮助开发人员或AI代理快速定位并解决问题。
  • 数据资源: 提供最近错误列表和聚合错误统计数据作为可访问的MCP资源。

安装步骤

在您的机器上,按照以下步骤安装并构建Web Client Errors MCP服务器:

# 克隆仓库
git clone https://github.com/LarsArtmann/web-client-errors-mcp.git
cd web-client-errors-mcp

# 安装依赖(需要Node.js环境和Bun包管理器)
bun install

# 构建项目
bun run build

服务器配置

此MCP服务器通过Stdio协议与客户端通信。您需要将以下配置添加到您的MCP客户端(例如CRUSH的'.mcp.json'文件)中,以便客户端能够发现并连接到此服务器:

{
  "mcp": {
    "web-client-errors": {
      "type": "stdio",
      "command": "/Users/larsartmann/.bun/bin/bun",
      "args": [
        "run",
        "/path/to/web-client-errors-mcp/dist/index.js"
      ],
      "disabled": false
    }
  }
}
  • 'web-client-errors': 服务器的唯一标识名称。
  • 'type': 连接协议类型,此处为'stdio'(标准输入输出)。
  • 'command': 启动MCP服务器的可执行文件路径。请替换为您的'bun'安装路径。
  • 'args': 传递给'command'的参数,用于启动服务器的主入口点。请将'/path/to/web-client-errors-mcp/dist/index.js'替换为实际的构建后文件路径。
  • 'disabled': 是否禁用此服务器,'false'表示启用。

基本使用方法

连接到MCP客户端后,您可以通过调用以下工具来使用此服务器的功能:

  • 检测网站错误:

    "detect errors on https://example.com with 10 second wait"

    这会启动一个浏览器会话,访问'https://example.com'并等待10秒,捕获期间发生的所有客户端错误。

  • 分析会话中的错误:

    "analyze error session abc-123"

    其中'abc-123'是您从'detect errors'工具返回的会话ID。这将对该会话中的错误进行汇总分析。

  • 获取特定错误详情:

    "get details for TypeError undefined property"

    这会根据错误消息片段或错误ID来查询并返回该错误的详细信息,包括堆栈跟踪和潜在的修复建议。

信息

分类

开发者工具