云浏览器 MCP 服务器

测试

1. 运行npm install安装必要的依赖项，然后运行npm run build获取dist/index.js 。

2. 运行npm run inspector来启动服务器。

Related MCP server: MCP Fetch With Proxy

开始

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>"
      },
      "transportType": "stdio"
    }
  }
}

3. 重新启动 Claude Desktop 应用程序，单击 🔨 图标即可看到可用的工具。

4. 开始使用工具吧！下面是 Claude 关闭浏览器会话的图片。

使用 npm

{
  "mcpServers": {
    "cloudbrowser": {
      "command": "cmd",
      "args": [
        "/c", 
        "npx", 
        "-y", 
        "@browsercloud/mcp-server-cloudbrowser"
      ],
      "env": {
        "API_KEY": "<YOUR_BROWSERBASE_API_KEY>"
      },
      "transportType": "stdio"
    }
  }
}

工具

浏览器基础 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 选择器从特定元素获取内容

资源

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

2. 屏幕截图（ screenshot://<name> ）

   • 截图的 PNG 图像

   • 可通过捕获期间指定的屏幕截图名称访问