MCP Catalogs
首页mcp-browser-agent screenshot

mcp-browser-agent

by imprvhub·38·综合分 45

为 Claude 提供浏览器自动化能力的 MCP 服务器,支持 DOM 操作、JavaScript 执行和 API 请求。

browser-automationweb-scrapingdeveloper-tools
12
Forks
2
活跃 Issue
3 个月前
最近提交
2 天前
收录于

概述

MCP Browser Agent 是一个全面的模型上下文协议集成,通过 Playwright 构建,扩展了 Claude Desktop 的自主浏览器自动化功能。它使 AI 代理能够通过多种工具与网页内容交互,包括导航、屏幕截图捕获、DOM 操作和 JavaScript 执行。服务器保持持久浏览器状态,捕获控制台日志,并提供功能完整的 API 客户端用于发送 HTTP 请求。这使得 Claude 能够执行复杂的网页自动化任务,具备智能错误恢复和多步指令跟随能力。

试试问 AI

装完之后,这里有 5 个你可以让 AI 做的事:

:通过 AI 代理自动化网页测试和 QA 流程
:抓取具有动态内容和 JavaScript 渲染的复杂网站
:自动化重复性浏览器工作流程,如表单提交和数据提取
:支持哪些浏览器?
:如何更改浏览器类型?

什么时候选它

当您需要 Claude 自动化与 Web 应用程序交互、执行数据提取或基于浏览器的工作流时,请选择此工具。

什么时候不要选它

如果您需要在 Claude Desktop 外部使用浏览器自动化,或者需要无头浏览器操作而不具备可视化调试功能,请不要使用此工具。

此 server 暴露的工具

从 README 抽取出 12 个工具
  • browser_navigate

    Navigate to a URL

  • browser_screenshot

    Capture screenshot

  • browser_click

    Click element

  • browser_fill

    Fill form input

  • browser_select

    Select dropdown option

  • browser_hover

    Hover over element

  • browser_evaluate

    Execute JavaScript

  • api_get

    GET request

  • api_post

    POST request

  • api_put

    PUT request

  • api_patch

    PATCH request

  • api_delete

    DELETE request

可对比工具

puppeteer-mcpplaywright-mcpbrowserless

安装

安装步骤

  1. 克隆仓库:
git clone https://github.com/imprvhub/mcp-browser-agent
cd mcp-browser-agent
  1. 安装依赖:
npm install
  1. 构建项目:
npm run build
  1. 配置 Claude Desktop:

将以下内容添加到您的 claude_desktop_config.json 文件中:

{
  "mcpServers": {
    "browserAgent": {
      "command": "node",
      "args": ["ABSOLUTE_PATH_TO_DIRECTORY/mcp-browser-agent/dist/index.js", "--browser", "chrome"]
    }
  }
}

请将 ABSOLUTE_PATH_TO_DIRECTORY 替换为项目目录的实际路径。

FAQ

支持哪些浏览器?
MCP Browser Agent 支持 Chrome(默认)、Firefox、Microsoft Edge 和 WebKit(Safari 引擎)。浏览器驱动程序会在首次使用时自动安装。
如何更改浏览器类型?
您可以通过配置文件、命令行参数、环境变量或 Claude Desktop 配置来指定浏览器类型。请参考 README 中的浏览器选择部分获取详细说明。

Hacker News 讨论

开发者社区最近的相关讨论。

mcp-browser-agent 对比

GitHub →

最后更新于 · 由 README + GitHub 公开数据自动生成。