AI导哈

云浏览器服务

一个基于Browserbase API的云浏览器服务，提供网页导航、JavaScript执行、截图、点击和填充表单等功能，适用于自动化测试和网页数据提取。

  • by clpublic
  • JavaScript
  • 本地部署
  • 2 星标
  • 更新于
在 GitHub 查看 clpublic/mcp-server-cloudbrowser

使用说明

云浏览器MCP服务器

测试

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

  1. 重新启动您的Claude Desktop应用程序，您应该会看到可用的工具，单击🔨 偶像。

  2. 开始使用工具！下面是克劳德关闭浏览器会话的图片。

使用npm

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

工具

浏览API

  • Cloudbrow导航

    • 导航到浏览器中的任何URL
    • 输入： url （字符串）

  • 云浏览器_评估

    • 在浏览器控制台中执行JavaScript
    • 输入： script （string）：要执行的JavaScript代码

  • cloudbrowser_get_current_url

    • 检索浏览器页面的当前URL

  • 云启动

    • 捕获整个页面或特定元素的屏幕截图
    • 输入：
      • name （string，必填）：屏幕截图的名称
      • selector （string，可选）：用于截图元素的CSS选择器
      • width （数字，可选，默认值：800）：截图宽度
      • height （数字，可选，默认值：600）：截图高度

  • Cloudbrow点击

    • 点击页面上的元素
    • 输入： selector （string）：用于单击元素的CSS选择器

  • cloudbrowser_fill

    • 填写输入字段
    • 输入：
      • selector （string）：输入字段的CSS选择器
      • value （string）：要填充的值

  • cloudbrowser_get_text

    • 从当前页面提取所有内容
    • 输入： selector （string，可选）：CSS选择器，用于从特定元素中获取内容

资源

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

  1. 截图 (screenshot://<name>)
    • 捕获的屏幕截图的PNG图像
    • 可通过捕获期间指定的屏幕截图名称访问

相关 MCP