mcpField
M
Mcp Server Cloudbrowser

Mcp Server Cloudbrowser

本地服务
github.com/clpublic浏览器自动化279 周前更新

关于 Mcp Server Cloudbrowser

Mcp Server Cloudbrowser 是面向 LLM Agent 的云端浏览器 MCP 服务,可供需要自动化网页交互和数据采集的开发者使用。它提供导航、脚本执行、截图、点击、填表与页面文本提取,并可将截图作为资源访问。

主要功能

  1. 01浏览器页面导航与脚本执行
  2. 02整页或指定元素截图
  3. 03按选择器点击与填写表单
  4. 04提取页面文本内容
  5. 05通过资源访问截图

适用场景

  1. 01自动访问网页并读取页面内容
  2. 02截图记录页面或指定元素
  3. 03自动点击控件并填写输入项

MCP 相关

通过 MCP 向客户端提供浏览器导航、JavaScript 执行、截图、点击、填表和文本提取工具,并提供截图资源。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址,请按项目 README 中的说明安装。

代码仓库

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。

详细介绍

Cloud browser 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. 开始使用这些工具!下方图片展示了 Claude 关闭浏览器会话的过程。

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

工具

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. 屏幕截图(screenshot://<name>)
    • 已截取屏幕截图的 PNG 图片
    • 可通过截取时指定的屏幕截图名称访问

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。