AI导哈

浏览器自动化工具

OpenClaw浏览器自动化技能，提供网页搜索、抓取和内容提取功能，适用于自动化网页操作和数据分析场景。

  • by TeFuirnever
  • TypeScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 TeFuirnever/mcp-playwright-server

使用说明

OpenClaw浏览器自动化技能

OpenClaw的浏览器自动化技能 网络搜索、获取和提取功能.

安装

选项1：克隆到OpenClaw技能目录

git clone https://github.com/openclaw/skill-browser-automation.git ~/.openclaw/skills/browser-automation

选项2：增加项目技能

复制 skills/browser-automation 文件夹到项目的 /skills/ 目录。

选项3：用作MCP服务器

npm install
npm run build

添加到MCP配置中：

{
  "browser-automation": {
    "command": "node",
    "args": ["/path/to/openclaw-skill-browser-automation/dist/index.js"]
  }
}

可用工具

网络搜索和提取

工具 目的
browser_web_search 使用DuckDuckGo或Bing搜索网页
browser_web_fetch 通过HTTP GET获取页面内容
browser_extract 从网页中提取可读文本

浏览器自动化

工具 目的
browser_navigate 导航到URL
browser_snapshot 获取可访问性树（首选）
browser_click 点击元素
browser_type 键入文本
browser_screenshot 截图
browser_wait_for 等待条件
browser_close 关闭浏览器

核心模式

网络搜索

browser_web_search({ query: "MCP protocol docs", engine: "duckduckgo", limit: 10 })

返回带有标题、URL和代码段的结构化结果。

获取内容

browser_web_fetch({ url: "https://api.example.com/data" })

API和原始内容的快速HTTP获取。

提取可读内容

browser_extract({ url: "https://example.com/article" })

使用Mozilla可读性提取干净的文本（条形广告、导航）。

页面分析

browser_navigate(url) → browser_snapshot() → analyze

填表

browser_snapshot() → browser_type(ref, text) → browser_click(submit_ref)

示例工作流

搜索和总结

1. browser_web_search({ query: "TypeScript 5.0 features" })
2. browser_extract({ url: first_result.url })
3. Summarize the extracted content

API集成

1. browser_web_fetch({ url: "https://api.github.com/repos/owner/repo" })
2. Parse JSON and process data

Web剪贴

1. browser_navigate({ url: "https://example.com/products" })
2. browser_snapshot()
3. Extract data from page structure
4. browser_close()

最佳实践

  1. 使用 browser_web_search 用于查找信息（非手动导航）
  2. 使用 browser_web_fetch 用于API调用（比浏览器更快）
  3. 使用 browser_extract 用于阅读文章（干净输出）
  4. 使用 browser_snapshot 用于页面分析（不是截图）
  5. 关闭浏览器 任务完成时

先决条件

对于MCP服务器模式，安装依赖项：

npm install
npx playwright install chromium

许可证

麻省理工学院

相关 MCP