今天给大家分享一个让我激动不已的消息——Playwright MCP 迎来了重大更新!
说实话,在我日常使用的所有 MCP 工具中,Playwright 绝对是排第一的。
而如果你去看 npm trends 的数据,也会发现 Playwright MCP 确实是妥妥的第一名:

为什么 Playwright MCP 如此受欢迎?
Playwright MCP 使用量如此之高,原因很简单: 它真的好用,而且是微软官方在不断维护的 。
但是,之前的 Playwright 有一个让人头疼的问题:
它不支持插件,每次都是新开一个浏览器,登录态也没办法保持。
这意味着什么呢?
每次你想让 AI 帮你做一些需要登录的操作时,都得:
- 打断 AI 的工作流程
- 手动登录各种网站
- 登录完了再继续让 AI 干活
这种体验,说实话,挺糟心的。
所以之前有一个很火的 Chrome MCP,专门用来解决这个痛点。
但现在, 一切都变了!
Playwright 官方终于出了一个 Chrome 扩展插件,可以直接复用当前的 Chrome 进行调试。

这意味着什么?
✅ 不仅可以调用插件
✅ 还能复用你的整个登录态
✅ 所有 Chrome 插件都可以正常使用
这简直是质的飞跃!
第一步:下载扩展
从 GitHub 下载最新版本的 Chrome 扩展:
https://github.com/microsoft/playwright-mcp/releases

第二步:安装到 Chrome
- 打开 Chrome,访问 chrome://extensions/
- 开启"开发者模式"
- 点击"加载已解压的扩展程序",选择下载的扩展文件夹

第三步:配置 MCP 服务器
在你的 AI 助手配置中添加:
{
"mcpServers": {
"playwright-extension": {
"command": "npx",
"args": [
"@playwright/mcp@latest",
"--extension"
]
}
}
}
看到了吗?只是在原来的 MCP server 配置里面加了个--extension参数,就这么简单!
配置完成后,使用方式和之前基本一样。
比如我想让 AI 帮我了解当前项目的功能,可以直接说:
"请用 Playwright 打开我的项目页面,帮我分析一下当前的功能模块。"

然后,AI 会在你当前的 Chrome 浏览器里面打开页面,并且请求授权:

点击授权后,Playwright 就可以完全操控你的 Chrome 了:

这种体验真的太爽了!
你的登录态完整保留,所有的 Chrome 插件都可以正常工作。
无论是让 AI 做功能检查,还是你本身就在做插件开发,都变得非常方便。
再给大家演示一个非常好用的功能。
我们都知道让 AI 画架构图其实不太成熟,之前最多让它画出 Mermaid 语法的架构图。
但有了浏览器控制能力后,你可以直接让 Playwright MCP 操纵浏览器来画图:

是不是比原来方便,且丰富多了?
有了这个官方扩展,我们完全不需要其他第三方 Chrome MCP 了。
直接用 Playwright,真的很舒服。
而且作为官方维护的工具,稳定性和功能更新都有保障。
这次 Playwright MCP 的更新,真的是解决了一个大痛点。
从技术角度来说,这种"复用现有浏览器环境"的思路非常聪明。
从用户体验来说,这让 AI 和浏览器的协作变得更加无缝。
如果你还没有尝试过 MCP,强烈建议从 Playwright 开始。
如果你已经在用 Playwright MCP,那赶紧更新到最新版本吧!
这个功能实在太赞了,相信会让你的 AI 工作流程效率提升一个档次。
原文出自:https://mp.weixin.qq.com/s/Jnu-ojtYe1czxgNtqnuu4Q