Hi~这里是三金。

Playwright 是一款非常流行的开源 E2E 框架。因为 AI 时代的到来它还提供了配套的 Playwright MCP，可以直接集成在编辑器或者 AI CLI 中。

本次探索使用 Claude Code 搭配 GLM 进行实际操作。

安装

MCP 的安装分项目级和使用者级，因为 Playwright MCP 属于比较通用的工具，所以我直接安装在了使用者级：

claude mcp add -s user playwright npx @playwright/mcp@latest

安装好之后可以打开 Claude Code。并输入斜杠命令 /mcp 进行查看：

可以看到在 Claude Code 列表中已经有了 playwright mcp，状态是 connected。其实，

使用

使用很简单。我们直接告诉 AI 使用 playwright mcp 打开指定网址，做指定操作即可。

使用 playwright mcp 打开浏览器：.
访问 https://google.com.
在搜索框中输入 playwright mcp。并点击搜索.
在搜索页面点击第一个搜索结果

它会新打开一个浏览器实例，接下来按步骤进行执行。

登录态测试的痛点

当需要登录后才能继续的场景时一直把使用者名密码交给 AI 不仅不安全，还让整个流程变得繁琐。幸运的是Playwright MCP 提供了配套的浏览器插件。可以复用已打开且已登录的账号，这样就能实现“免登”。

直接访问已打开的浏览器实例

插件安装地址这方面，

添加好浏览器插件之后我们点击对应的插件图标。以此来获取 Token：

获取到 token 之后我们通过修改 MCP Server 配置来使 Playwright MCP 能正常复用已打开的浏览器。

vim ~/.claude.json
{
"mcpServers": {
"playwright": {
再看"type"，"stdio","command": "npx","args":,"env": {
"PLAYWRIGHT_MCP_EXTENSION_TOKEN": "your token"
}
}
}
}

修改好之后重启 Claude Code。 接下来找一个需要进行登录的场景测试，比如以阿里云 ACK 为例：

使用 playwright mcp 打开浏览器：.
访问 https://csnew.console.aliyun.com/.
点击创建集群.
在专有网络上点击使用已有

可以看到它会直接访问已登录的 ACK 控制台并操作！

优势

体验下来感觉后面可以抛开代码层，直接以自然语言方式来指挥 AI 进行自动化测试。只要确保测试用例准确，可以节省一部分人工测试工作。从而腾出更多时间投入更具价值的事情当中。

缺陷 & 痛点汇总

1️⃣ Token 成本高昂

2️⃣ 模型能力差距大

3️⃣ 内存使用过高导致卡顿

4️⃣ 登录态管理复杂性

• 手动维护 session cookie 或者 localStorage 的繁琐过程。
• AWS 等网站凭证管理成本较高。

5️⃣ 自动化脚本可靠性与维护难度高

• E‑page 动态变化导致脚本失效率上升。
• A/B 测试、国际化版本差异等都需要额外维护。

未来可行方案对比与选型建议

• 可直接与 Chrome 通讯。不依赖第三方插件，但编写脚本仍需手工或小工具辅助。
• 度更高、社区支持广泛，但对 AI 集成友好度略低。
• 下一代可能降低 token 成本、提高模型能力，但目前仍处于实验阶段。

请根据实际情况自行删减

如果你也遇到类似痛点，请在评论区畅谈～