AgentHubAgentHub

使用场景/浏览器自动化

浏览器自动化 MCP 推荐

让 AI 控制真实浏览器:打开页面、点击、填表、截图。适合 E2E 测试、竞品巡检、无 API 的网页操作。

共匹配 1,735 个资源 · 第 6 / 37 页

什么是浏览器自动化?

浏览器自动化 MCP Server 让 AI 直接操作一个真实的浏览器:打开页面、点击按钮、填写表单、截图取证、抓取渲染后的内容。它与网页抓取的区别在于「先渲染、后读取」——JavaScript 动态加载的内容、需要登录与交互的页面都能处理,适合没有开放 API 的网站。

首选推荐 Playwright MCP:它以无障碍树(accessibility tree)而非像素坐标定位元素,AI 理解页面更稳定、更少误点;由微软官方维护,Cursor、Claude Code、VS Code 等主流客户端均支持一键配置。Puppeteer 类服务轻量一些,适合简单的截图与导航任务。

安全提醒:浏览器自动化等价于把浏览器操作权限交给 AI。建议在独立浏览器 Profile 或沙箱中运行,不要登录含支付、企业权限的账号,并对「提交、删除、支付」类操作保留人工确认。

适合做什么

  • E2E 自动化测试
  • 无头浏览器截图
  • 表单批量填写
  • 页面回归巡检

不太适合

  • 已有稳定 REST API 的批量抓取(优先 HTTP 客户端)
  • 需要绕过复杂验证码(合规风险)
常见组合: Playwright MCP + Filesystem MCP → AI 写测试脚本并执行浏览器操作

编辑推荐

相关资源

查看全部 →

BrowserStack 真机测试

SkillSkillsMP

通过 BrowserStack 在真实设备上测试本地或公网 URL、在 Android、iOS 或桌面浏览器上开启实时浏览器会话,或当用户提到 BrowserStack、真机测试、移动测试、跨浏览器测试、触屏测试,或想在特定手机、平板、浏览器版本上验证行为时使用。当用户说「在 Android/iPhone/Safari/Chrome 移动端上测试」、要求开启实时会话,或提及 demo-mobile.html——即使未点名 BrowserStack——也应触发。

source

record-browser-gif(浏览器演示 GIF 录制)

SkillSkillsMP

使用可用的浏览器控制工作流,可选 Playwright Videos 提升采集帧率,并以确定性编码把浏览器或 Web UI 交互演示录制为优化后的 GIF,再用 gh --attach 将 GIF 附到 PR 上;无法附加时回退到专用 assets 分支。在被要求制作、录制或生成演示浏览器工作流的 GIF 时使用;凡改动面向产品用户的 GUI 行为的 PR,都必须附带从该 PR 真实服务端与模型流程录制的 GIF。

source

常见问题

浏览器自动化 MCP 需要什么客户端支持?

凡是支持 MCP 协议的 AI 开发工具都可以,包括 Cursor、Claude Code、VS Code(Copilot)、Windsurf、Trae 等。在 AgentHub 的资源详情页可一键复制对应客户端的 JSON 配置。

Playwright MCP 和 Puppeteer MCP 选哪个?

优先 Playwright MCP:基于无障碍树定位元素、跨浏览器支持更好、官方维护活跃。Puppeteer 类服务适合只需打开页面和截图的轻量任务。

会让 AI 看到我的账号数据吗?

模型只看到你让它读取的页面内容(截图或文本快照)。请在独立 Profile 中登录测试账号,不要复用主力账号,敏感站点建议配合无痕模式与网络隔离。

配套安装与配置教程

相关场景