关于 Mcp Server Cloudbrowser
Mcp Server Cloudbrowser 是面向 LLM Agent 的云端浏览器 MCP 服务,可供需要自动化网页交互和数据采集的开发者使用。它提供导航、脚本执行、截图、点击、填表与页面文本提取,并可将截图作为资源访问。
主要功能
- 01浏览器页面导航与脚本执行
- 02整页或指定元素截图
- 03按选择器点击与填写表单
- 04提取页面文本内容
- 05通过资源访问截图
适用场景
- 01自动访问网页并读取页面内容
- 02截图记录页面或指定元素
- 03自动点击控件并填写输入项
MCP 相关
通过 MCP 向客户端提供浏览器导航、JavaScript 执行、截图、点击、填表和文本提取工具,并提供截图资源。
配置
本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。
暂未收录安装方式
我们还没有获取到这个服务的安装包或远程地址,请按项目 README 中的说明安装。
工具
还没有获取到工具列表
本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。
详细介绍
Cloud browser MCP 服务
测试
- 运行
npm install安装必要的依赖,然后运行npm run build生成dist/index.js。 - 运行
npm run inspector启动服务。
开始使用
-
运行
npm install安装必要的依赖,然后运行npm run build生成dist/index.js。 -
配置 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"
}
}
}
-
重启 Claude Desktop 应用,点击 🔨 图标即可看到可用的工具。
-
开始使用这些工具!下方图片展示了 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 选择器
资源
该服务提供两种类型的资源:
- 屏幕截图(
screenshot://<name>)- 已截取屏幕截图的 PNG 图片
- 可通过截取时指定的屏幕截图名称访问
评论
支持 Markdown
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。