Playwright MCP vs Chrome DevTools MCP：同一表单实测对比

简要结论

• 当两个服务器自己启动 Chrome 时，都填好了每个字段、上传了文件，并能在同源 iframe 和跨站 iframe 中操作，各自 5 次中 5 次成功。
• 连接到一个真人已经打开的 Chrome 时，Playwright MCP 直接填好了打开着的表单。Chrome DevTools MCP 1.10.1 能在那里点击，但每次运行都必须先重新加载一次页面，才能填写字段。
• Chrome DevTools MCP 自己启动的 Chrome 报告 navigator.webdriver = true；Playwright MCP 启动的 Chrome 报告 false。在你自己启动的 Chrome 中，两者都报告 false。
• 如果你想要干净、可重复的运行和更短的工具列表，选 Playwright MCP。如果你要调试自己的 Web 应用（性能跟踪、Lighthouse、网络），或想和智能体共用你日常使用的 Chrome，选 Chrome DevTools MCP。

测试结果

每个单元格表示 5 次中通过的次数。测试日期 2026年9月30日，Google Chrome 154.0.8037.92，@playwright/mcp 0.0.83，chrome-devtools-mcp 1.10.1，第三列为 agent-browser 0.38.1。

模式 1：工具自己启动 Chrome

每个工具用一个全新的配置文件夹启动无头 Chrome，打开测试页面并在页面上登录，填写表单并点击提交，但不勾选真人步骤。

模式 2：工具连接到真人正在使用的 Chrome

我们自己用独立的配置文件和本地调试端口启动 Chrome。一个代替真人的替身打开页面、登录并输入产品名称。然后工具连接上来，填写其余部分后停下；替身勾选真人步骤并提交；最后工具读取结果。

运行截图

测试方法

• 日期 2026年9月30日，macOS 上的 Google Chrome 154.0.8037.92。版本已固定：@playwright/mcp 0.0.83，chrome-devtools-mcp 1.10.1，agent-browser 0.38.1。
• 表单是 127.0.0.1 上的本地测试页面；跨站 iframe 来自另一个端口上的 localhost。没有涉及任何真实网站、账号、个人浏览器配置文件或付款。
• 一个小脚本通过 MCP 与每个服务器通信，方式与智能体的客户端完全相同：快照、填写表单、上传、点击、读取控制台和网络。元素引用取自每个工具自己的快照。没有语言模型参与决策，因此每次运行都遵循相同的步骤。
• 每个场景对每个工具运行 5 次。表格统计通过的运行次数。
• 模式 2 中的真人是一个向标签页发送普通 DevTools Protocol 命令的脚本。它只是替身，并非真人。为了排除它是 Chrome DevTools MCP 填写失败的原因，我们还直接用测试 URL 启动 Chrome，完全不使用脚本：结果相同。
• agent-browser 通过其主要界面命令行驱动，而不是通过它的 MCP 模式。

本测试未覆盖的内容

• 真实的 CAPTCHA、机器人检测以及第三方网站上的真实登录。
• Firefox 和 WebKit、两个项目的浏览器扩展，以及 Chrome 的自动连接对话框。
• 性能跟踪、Lighthouse 和内存工具。
• 由语言模型选择步骤：真实智能体需要多少 token 和轮次取决于模型。
• Windows 和 Linux。

值得注意的发现

有文档记载，未测试

以下差异来自各项目在查阅日期时的 README 和文档。我们没有测量它们。

工具列表有多重

在打开任何页面之前，Playwright MCP 公布了 25 个工具、20.3 KB 的工具描述，Chrome DevTools MCP 公布了 30 个工具、25.7 KB（默认设置，通过 tools/list 测量）。智能体在整个会话中都要把这些文本带在上下文里。Chrome DevTools MCP 提供只有三个工具的 --slim；Playwright MCP 可通过 --caps 添加工具组。

该选哪一个

agent-browser 呢？

agent-browser 是一个面向智能体的命令行浏览器工具，带有可选的 MCP 模式。它自己启动浏览器时填好了同一个表单，但连接到运行中的 Chrome 时漏掉了跨站 iframe。如果你的智能体用简短的 shell 命令比用 MCP 工具更顺手，值得一看。

Claude in Chrome vs Chrome DevTools MCP：区别与选择 →

自己动手测试

测试页面是一个没有依赖的 Node.js 文件，只在你自己的机器上监听。

1. 下载该文件，用 Node.js 18 或更高版本运行。
2. 先打开一次 http://127.0.0.1:4461/ 查看页面；跨站 iframe 的加载地址是 http://localhost:4462/。
3. 把下面任一 MCP 配置添加到你的智能体中，让它填写表单、上传任意一个小 PNG、填写两个 iframe，并在真人步骤前停下。
4. 自己勾选真人步骤并提交，然后问智能体页面现在显示什么。

下载 browser-mcp-test.mjs

该文件提供表单、iframe 和一个本地回显端点，不会向其他任何地方发送数据。

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "-y",
        "@playwright/mcp@0.0.83"
      ]
    }
  }
}

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp@1.10.1",
        "--no-usage-statistics"
      ]
    }
  }
}

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "-y",
        "@playwright/mcp@0.0.83",
        "--cdp-endpoint",
        "http://127.0.0.1:9222"
      ]
    }
  }
}

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp@1.10.1",
        "--browser-url=http://127.0.0.1:9222",
        "--no-usage-statistics"
      ]
    }
  }
}

LaunchRepo 的选择

• LaunchRepo 的 playbook 是针对连接到你自己 Chrome 的 Chrome DevTools MCP 编写和测试的，因为提交到目录需要你的真实登录，而且你应该看到每一步。
• 在你自己启动的 Chrome 中，本次测试的每个工具的 navigator.webdriver 都保持为 false，交接也正常：你在同一个标签页完成某一步，智能体读取结果。
• 如果智能体连接时目录表单已经打开，请在你输入任何内容之前让它先重新加载页面，这样你填写的内容就不会丢失。

• 把你的编程智能体连接到你的 Chrome →
• 用 Claude Code 把你的 SaaS 发布到目录站 →
• Chrome DevTools Protocol →
• MCP 服务器 →

来源

官方页面和代码仓库于 2026年9月30日 查阅。引文逐字照录；测试结果为我们自己的测量。

常见问题

对编程智能体来说，Playwright MCP 和 Chrome DevTools MCP 哪个更好？

没有哪个在所有方面都胜出。在我们的测试中，两者自己启动 Chrome 时都通过了所有表单检查。Playwright MCP 还能填写真人已打开的页面，公布的工具列表也更短；Chrome DevTools MCP 则提供性能跟踪、Lighthouse 以及更深入的网络和控制台工具，用于调试你自己的应用。

Chrome DevTools MCP 能使用我已登录的 Chrome 吗？

能。使用 --autoConnect 时，在你允许远程调试并确认对话框后，它会连接到正在运行的 Chrome 144 或更高版本。也可以用远程调试端口和单独的配置文件夹启动 Chrome，再用 --browser-url 指向它；从 Chrome 136 起，默认配置文件会忽略该端口。

两者都能处理 iframe 吗？

能。在我们的运行中，两者在两种模式下都访问到了同源 iframe 和跨站 iframe，5 次中 5 次成功，并能在其中输入和点击。

为什么文件上传失败了？

两个服务器默认只从允许的文件夹读取文件：Playwright MCP 从工作区根目录或其工作目录读取，Chrome DevTools MCP 在客户端未指定根目录时从系统临时文件夹读取。把文件移到那里，或使用文档中说明的参数放宽限制。

这些工具能解 CAPTCHA 吗？

两者的文档都没有提到 CAPTCHA 功能，我们也没有测试真实的 CAPTCHA。请改为规划交接：智能体停下，你在同一个可见窗口中完成这一步，智能体再继续。在我们的连接测试中，这种交接对两个服务器都有效。

navigator.webdriver 会暴露智能体吗？

在我们的测试中，只有当 Chrome DevTools MCP 自己启动 Chrome 时它才为 true。Playwright MCP 启动的 Chrome 以及我们自己启动的任何 Chrome 都报告 false。网站是否对此作出反应取决于该网站；我们没有测试真实的机器人检测。