文章针对开发者在 Claude Code 及 AI Agent 开发中面临的浏览器自动化选型问题,深入对比了由 Vercel、Google 和微软分别推出的三款头部方案。Agent Browser 以轻量、省 Token 为核心优势,适合日常浏览和简单信息采集;Playwright MCP 凭借其跨浏览器支持和高稳定性,成为复杂业务流程和功能测试的首选;而 Chrome DevTools MCP 则因其强大的原生调试能力(如 Console 报错查看、网络请求抓取),被认为是编程调试场景下的全能选手。作者通过实战案例演示了如何利用 Agent Browser 高效完成网页登录与内容总结,强调了根据任务类型(浏览、测试或调试)选择合适工具的重要性。

哈喽,大家好,我是刘小排。
昨天和几位创业的朋友吃饭,席间讨论了一个问题:“在Claude Code中,最好的浏览器自动化方案是什么?”
在刚有MCP的时候,我写过一些浏览器自动化文章,那时,最好用的Playwright MCP和一些第三方的浏览器自动化工具,还不算稳定。
(参考:所有的RPA可以去死了!Claude Code可以只靠口喷完成一切!)
大半年过去了,现在最流行、稳定、专门针对Agent的浏览器自动化方案已经有了三个明显的头部:Agent Browser 、Devtools MCP 、Playwright MCP,开发者分别是Vercel、Google、微软。
像下图这样的简单任务,这3个都做得很好。
那到底选哪个呢?哪个最好呢?
如果你想知道一个最简单直接的答案:请你选择Devtools MCP,它在大部分场景下是最全能的。
如果你有耐心想了解更多,可以往下看,因为它们的特性各有不同,需要根据不同的场景来选择。
声明:表格是我和AI一起做的,所以用语可能稍微有点AI味儿,但我对内容质量和准确性负责。
省流版
-
“看看”、“填表” : 用Agent Browser
-
性能、调试、网络请求: 用Devtools MCP
-
测试、跑全流程:用Playwright MCP
基本情况对比
Agent Browser — 适合日常浏览网页、快速操作
一句话:轻量快速,省 token
Playwright MCP — 适合测试验证、复杂流程
一句话:专业、完整、稳定、慢
DevTools MCP — 适合调试排错、性能分析、抓取网络请求
一句话:调试代码、性能分析、抓网络请求
特别强调:如果不是用于编程,Agent Browser是最好的。
为什么这么说?
这是因为Agent Browser太节省Token了,节省Token意味着速度快。
在我不写程序的时候,我也不一定使用Claude Code,而是使用Cowork、Craft Agents等图形化工具。
下面是我在Craft Agents里、使用Agent Browser来刷生财有术网站的过程。 这个过程,Agent Browser、Devtools MCP、Playwright MCP都能做到,但是Agent Browser明显最快、体验最佳。
刚开始,我们可以登录以后,保存Cookie,后面就不再需要登录了,甚至电脑上可以不出现浏览器界面。
用Agent Browser打开scys.com 让我登录,然后保存登录信息

登录成功,右上角是我的头像。注意,此时Agent Browser启动的浏览器,左上角有一个小的TEST标,如下图所示

我们让AI自动查看最近50条风向标
我已经登录好了,你找到“风向标”栏目,总结最近50个风向标,有什么亮点

整体总结

选择其中一条,详细查看。
我觉得你刚才说的 2 ,特别好,展开讲讲

期待你的反馈

