M

MCP云浏览器

@clpublic/mcp-server-cloudbrowser
0 Stars 74 次浏览 clpublic 更新于 2026-08-23

识别出“mcp-server-cloudbrowser”的语言类型较为困难，因为它看起来像一个技术术语或产品名称，而非完整的句子。不过，基于其构成，可以尝试翻译为：MCP服务器云浏览器。 如果需要更准确的翻译，请提供更多的上下文信息。

MCP 服务配置

复制以下 JSON 到 OPClaw 或其他 MCP 客户端的配置文件中即可使用

{
  "mcpServers": {
    "cloudbrowser": {
      "args": [
        "path/to/mcp-server-cloudbrowser/cloudbrowser/dist/index.js"
      ],
      "command": "node",
      "env": {
        "API_KEY": "\u003cYOUR_BROWSERBASE_API_KEY\u003e"
      }
    }
  }
}

该服务需要配置环境变量：API_KEY

服务介绍

Cloud browser MCP Server

测试

  1. 运行 npm install 以安装必要的依赖项，然后运行 npm run build 以获取 dist/index.js。
  2. 运行 npm run inspector 启动服务器。

入门

  1. 运行 npm install 以安装必要的依赖项，然后运行 npm run build 以获取 dist/index.js。
  2. 设置您的 Claude Desktop 配置以使用该服务器。
{
  "mcpServers": {
    "cloudbrowser": {
      "command": "node",
      "args": ["path/to/mcp-server-cloudbrowser/cloudbrowser/dist/index.js"],
      "env": {
        "API_KEY": "<YOUR_BROWSERBASE_API_KEY>"
      }
    }
  }
}
  1. 重新启动您的 Claude Desktop 应用程序，点击 🔨 图标后您应该能看到可用的工具。
  2. 开始使用这些工具！下面是 Claude 关闭浏览器会话的一个示例图片。

工具

Browserbase API

  • cloudbrowser_navigate

    • 在浏览器中导航到任何 URL
    • 输入: url (字符串)

  • cloudbrowser_evaluate

    • 在浏览器控制台中执行 JavaScript
    • 输入: script (字符串): 要执行的 JavaScript 代码

  • cloudbrowser_get_current_url

    • 获取浏览器页面的当前 URL

  • cloudbrowser_screenshot

    • 捕获整个页面或特定元素的屏幕截图
    • 输入:
      • name (字符串, 必填): 屏幕截图的名称
      • selector (字符串, 可选): 要截图元素的 CSS 选择器
      • width (数字, 可选, 默认值: 800): 屏幕截图宽度
      • height (数字, 可选, 默认值: 600): 屏幕截图高度

  • cloudbrowser_click

    • 点击页面上的元素
    • 输入: selector (字符串): 要点击元素的 CSS 选择器

  • cloudbrowser_fill

    • 填写输入字段
    • 输入:
      • selector (字符串): 输入字段的 CSS 选择器
      • value (字符串): 要填写的值

  • cloudbrowser_get_text

    • 从当前页面提取所有内容
    • 输入: selector (字符串, 可选): 从特定元素获取内容的 CSS 选择器

资源

服务器提供了两种类型的资源访问：

  1. Screenshots (screenshot://<name>)
    • 捕获的屏幕截图的 PNG 图像
    • 可通过捕获时指定的屏幕截图名称访问
查看源码 项目主页