教程 · 浏览器自动化

浏览器自动化入门：四种方案怎么选

先看 1 分钟短片，再按图文做。插件、Skill、Agent、MCP 各走哪条路。

你要交的活

把网页上的操作跑起来：打开页面、点击、填表、把结果拿回来。场景叫「浏览器自动化」，下面挂的不是工具品类，是四条能交差的路。

场景里按插件 / Skill / Agent / MCP 分组
场景里按插件 / Skill / Agent / MCP 分组

先看视频

上面就是讲解片。看完再用下面的图对号入座，不要四种都装一遍。

一个场景，四条路
一个场景，四条路

怎么选

你的情况走哪条先打开哪张卡片
不想写代码，就在当前网页上点插件Automa
已经登录了，还要自己继续上网SkillBrowserSkill
目标说清楚，人只看结果Agentbrowser-use
在 Cursor / Claude 里让它点页面MCPPlaywright MCP

编码时要看控制台、Network，改用 Chrome DevTools MCP。要操作你正在看的已登录页，用 Browser MCP。

插件：Automa

适合填表、截图、扒数、定时跑。装的是 Chrome 插件，用积木连流程。

Automa 详情：怎么用和快捷安装
Automa 详情：怎么用和快捷安装
  1. 打开卡片，点右侧「打开文档」进 Chrome 应用商店
  2. 装好后打开要操作的页面，点 Automa 图标
  3. 积木顺序：打开页面 → 点击 → 填表 → 保存结果
  4. 先手动跑通，能稳定复现再设定时

页面改版后积木会断，改选择器，不要整条重录。

MCP：接到 Cursor 里

编码 Agent 最省事的是 Playwright MCP。详情页右侧可以直接复制配置。

Playwright MCP 详情：安装命令在右侧
Playwright MCP 详情：安装命令在右侧
  1. 本机 Node 18+
  2. 把右侧命令贴进 Cursor 的 MCP 配置
  3. 新开一轮对话（旧对话读不到刚加的 MCP）
  4. 让 Agent 打开目标页，按无障碍树点击、抽取

只要开关页、点击，Chrome DevTools MCP 可加 --slim --headless。

Skill 和 Agent 什么时候上

  • BrowserSkill / dev-browser：Agent 要用你已经打开、已经登录的浏览器，并且你还要继续自己上网。
  • webapp-testing：测的是 localhost 前端，不是去登录别人的线上后台。
  • browser-use：流程长、要判断、你不想盯每一步。本机 Chrome 登录态用它文档里的 from_system_chrome。
  • Skyvern / Stagehand：站点常改版、选择器容易碎时再上。

交卷标准

能稳定复现一遍，这个场景就算跑起来了。不要四种全装；先走通一条，失败时把页面状态和报错收回来再换路。

场景里的方案

回场景

留言