让 agent 用上浏览器:Browser Use 工具怎么选

發布於 2026-10-09

只会读文件、跑命令的 agent,碰到网页就只能靠你复制粘贴。接上浏览器之后,它能自己做几类事:

  • 验证前端改动:改完代码打开页面,看控制台有没有报错,截图对比效果。
  • 跑端到端测试:按用户的路径点一遍,失败时留下截图。
  • 在网站上办事:在需要登录的后台里查数据、填表、走完一段流程。
  • 抓取网页:把页面变成干净的文本或 Markdown,交给后面的步骤。

这几件事对工具的要求不一样:有的要可重复、能写进测试,有的要用你已经登录的账号,有的要省内存、跑得快。下面按场景挑选站内收录的工具。

先弄清两件事:怎么看网页,接在哪里

怎么看网页。 多数工具给 agent 的不是截图,而是页面的无障碍树快照:每个按钮、输入框带一个引用,agent 说「点 e21」,工具就去点对应的元素。Playwright MCP 的说明里写得很清楚:它用无障碍树而不是像素,不需要视觉模型,操作也更确定。另一类工具通过 CDP(Chrome DevTools Protocol)直接连到浏览器,让 agent 写一小段代码去操作,更灵活,也更依赖 agent 写代码的能力。

接在哪里。 同一个工具常有两种接法:MCP,或者「命令行加技能」。微软在 Playwright CLI 的说明里给了一个判断:编码 agent 更适合命令行加技能,因为不用把大量工具定义和无障碍树塞进上下文,更省 token;需要持续状态、反复推敲页面结构的场景,比如探索式自动化、自愈测试,MCP 仍然合适。

场景一:前端开发,验证改动与排查问题

改完界面,最常见的需求是打开看看:有没有白屏、控制台有没有报错、接口返回了什么、性能怎么样。

Chrome DevTools MCPMCP控制并检查真实的 Chrome:控制台、网络请求、截图与性能追踪,排查前端问题的首选。ChromeDevTools/chrome-devtools-mcp53.7k

Chrome DevTools MCP 由 Chrome DevTools 团队维护,底层用 Puppeteer 执行操作并等待结果。有两点值得知道:它默认收集使用统计,启动参数加上 --no-usage-statistics 可以关掉;性能工具会把追踪到的页面地址发给 Google 的 CrUX 接口,取真实用户的体验数据,加上 --no-performance-crux 可以关掉。调试公司内网的页面时,记得带上这两个参数。

webapp-testingSkillAnthropic 官方技能:用 Python Playwright 脚本验证本地 Web 应用,自带启停开发服务器的辅助脚本。anthropics/skills182k

场景二:端到端测试

要能重复跑、能进 CI 的检查,交给 Playwright。

Playwright CLICLI微软官方面向编码 agent 的命令行:打开页面、点击输入、截图,一条命令装好配套技能,比 MCP 更省 token。microsoft/playwright-cli14.3k

用法很直接:npm install -g @playwright/cli@latest 安装,playwright-cli install --skills 把技能装给 Claude Code 等 agent,然后告诉它「用 playwright-cli 测一下添加待办的流程,每个场景都截图」。

Playwright MCPMCP同一套能力的 MCP 版本,适合需要在对话里反复观察页面结构的探索式自动化。microsoft/playwright-mcp38.2k
agent-browserCLIVercel Labs 出品,Rust 原生实现:同样基于无障碍树快照与元素引用,输出可以限长,节省上下文。vercel-labs/agent-browser44.1k

agent 摸索出来的流程,最后要沉淀成仓库里的测试用例:

PlaywrightCLI一套 API 驱动 Chromium、Firefox 与 WebKit 的端到端测试框架,把 agent 走通的流程落成可以重复跑的用例。microsoft/playwright97.9k

场景三:用你已登录的账号在网站上办事

查后台数据、在内部系统里填表、批量下载自己发过的内容,这类事离不开登录态。下面几款工具都选择直接连接你正在用的浏览器。

Browser UseCLI开源浏览器 agent 项目:命令行让 Claude Code、Codex 等 agent 操控本机已登录的 Chrome,也能作为 Python 库运行自己的浏览器 agent。browser-use/browser-use118k

Browser Use 给了三条路:托管的云端 agent 与浏览器、给现有 agent 用的命令行、在本地运行的 Python 库。接入现有的 agent 时,官方的做法是把一段安装提示粘贴给 agent,由它用 uv 装好 browser-use,执行 browser-use skill install 注册技能,再连上你的浏览器。

Browser HarnessCLIbrowser-use 团队出品:通过一条可编辑的 CDP 连接操作你正在用的 Chrome,缺的辅助函数由 agent 边做边写,留着下次复用。browser-use/browser-harness18.4k
BrowserSkillCLI腾讯开源:给 agent 一个独立可见的窗口,用你已登录的账号浏览、填表、截长图,遇到登录和验证可以随时接手。Tencent/BrowserSkill9.1k
OpenCLICLI把常用网站变成确定性的命令:内置 B 站、知乎、小红书等适配器,其余网页通过已登录的 Chrome 操作。jackwener/OpenCLI30.3k

把登录态交给 agent,就是把这些账号的权限交给它。几条建议:

  • 用单独的浏览器配置或窗口,只登录这次任务需要的账号。
  • 付款、发帖、删除这类不可撤回的操作,让 agent 停下来等你确认。
  • 网页里可能夹带写给 agent 的指令(提示注入),不要让 agent 照着页面上看到的要求去做。

场景四:抓取网页与规模化

只要内容、不需要点来点去时,用不着一个完整的桌面浏览器。

Crawl4AICLI把网页转成干净的 Markdown 供 RAG 与 agent 使用,自带 crwl 命令行,支持深度爬取。unclecode/crawl4ai85.7k
Lightpanda BrowserCLILightpanda:用 Zig 从零写的无头浏览器,可以作为 CDP 或 MCP 服务运行,也能把网页直接转成 Markdown。默认开启遥测。lightpanda-io/browser36.6k

Lightpanda 公布的基准是在 AWS EC2 m5.large 上经网络请求真实网页:处理 100 个页面,峰值内存 123MB,无头 Chrome 是 2GB;耗时 5 秒,无头 Chrome 是 46 秒。这是项目方自己的测试,换成你的网站,结果会有出入。

要同时开很多浏览器、需要代理时,可以考虑云端浏览器:

Browserbase SkillsSkillBrowserbase 官方技能:用 browse 命令驱动本地或云端浏览器,做抓取、竞品调研与 UI 测试。云端功能需要账号。browserbase/skills3.7k

怎么选

你要做的事先试
改完前端看效果、查报错与性能Chrome DevTools MCP
写能进 CI 的端到端测试Playwright CLI,最后落成 Playwright 用例
在需要登录的网站上办事Browser Use、BrowserSkill
批量抓取内容Crawl4AI、Lightpanda

拿不准的时候,从 Playwright CLI 或 Chrome DevTools MCP 开始:两者都由官方团队维护,资料也最多。

做前端的话,这个合集里还有从设计稿到上线前打磨的一整套工具:

UI 开发:从设计稿到上线前的打磨给前端与设计工程师的一组工具:读 Figma 设计稿写代码,套用组件库与设计系统,清理 AI 生成界面的模板感,最后在真实浏览器里检查效果、性能与无障碍。10 個資源
Markdown 版本(供 agent 讀取)