通过自动连接将 AI 智能体连接到个人浏览器

使用自动连接功能将 AI 代理直接连接到活跃的浏览器实例。这样,您的代理就可以通过继承当前标签页、浏览器扩展程序和实时应用状态来绕过沙盒限制。

继承工作流上下文后,您的代理就可以从编写代码转为调试实时浏览器状态,而不会丢失会话数据。如果您已达到特定的应用状态(例如复杂的结账流程或手动重现的错误),并且希望您的代理接管技术调查,而无需手动重新执行这些步骤,那么此功能非常有用。

在启用自动连接之前,请考虑以下事项:

  • 安全和隐私: 启用自动连接后,您的代理可以访问浏览器个人资料中的所有数据,包括打开的标签页、会话存储空间、本地存储空间、Cookie 和通过 JavaScript API 显示的其他数据。
  • 发送给 Google 的数据: Chrome DevTools for agents 服务器作为本地进程运行。不过,默认情况下,无论连接模式如何,它都会向 Google 发送以下数据:

    • 使用情况统计信息,例如工具调用成功率、延迟时间、 和环境信息。如需选择停用,请使用 --no-usage-statistics 标志或设置 CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS 环境变量。
    • 性能跟踪记录中的网址,这些网址会发送到 Chrome 用户体验报告 (CrUX) API 以提取真实用户体验数据。如需选择停用,请使用 --no-performance-crux 标志。

    如需了解详情,请参阅 安全和隐私选项。

  • 信任和提示: 仅对您信任的代理使用此模式,并谨慎处理您在提示中包含的信息。

前提条件

在使用自动连接功能之前,请确保您满足以下条件:

  • Chrome 144+:自动连接需要 当前 Chrome 版本中提供的现代调试协议。
  • 正确的 Chrome 渠道:您的代理默认连接到 Chrome 稳定版。 如需使用 Canary 版或 Beta 版,请在您的 配置中指定渠道。
  • 已启用远程调试:手动启用浏览器和代理之间的桥梁。
  • 正确的配置:您必须更新 MCP 配置以包含 --autoConnect 标志。如需了解详情,请参阅配置。

设置自动连接

如需在 MCP 服务器中配置自动连接功能,请执行以下操作:

  1. 在运行的 Chrome 浏览器中,前往 chrome://inspect/#remote-debugging 并启用远程调试。
  2. 更新 MCP 配置以包含 --autoConnect 标志:

    {
      "mcpServers": {
        "chrome-devtools": {
          "command": "npx",
          "args": ["chrome-devtools-mcp@latest", "--autoConnect"]
        }
      }
    }
    

    如需选择不向 Google 发送使用情况统计信息和性能跟踪记录网址,请同时将 --no-usage-statistics 和 --no-performance-crux 标志添加到 args。

  3. 提示您的代理与打开的 Chrome 应用互动。当 Chrome 请求允许会话的权限时,点击允许 。

您的代理现在使用 MCP 服务器与运行的 Chrome 应用互动。如需详细了解配置选项,请参阅配置指南。

自动连接的应用场景

借助自动连接,您可以使用无法在沙盒 Chrome 会话中使用的工具或状态。例如,您可以自行前往相应页面并登录,而不是要求代理登录(这通常会失败)。然后,要求代理接管。

以下部分包含一些自动连接功能的应用场景示例。

调试经过身份验证的信息中心

内部工具和私密信息中心通常位于复杂的单点登录 (SSO) 或虚拟专用网 (VPN) 层后面。沙盒浏览器通常需要登录,而您的代理无法绕过此登录。借助自动连接,您的代理可以继承您的活跃会话。

提示示例:

I have my company's staging dashboard open in the next tab. Can you look at the
User Analytics chart, find the SVG element for the Friday data point, and tell
me why the tooltip isn't appearing on hover?

代理执行示例: 您的代理会识别现有的 Chrome 进程,找到活跃的标签页,并检查无障碍功能树以找到元素。它还可能会使用 JavaScript API 来评估特定冲突。

实时修复当前标签页

避免手动重现错误。您可以要求代理在您已遇到错误的活跃页面上修复 bug,而不是将重现步骤转换为沙盒代理的新提示。

提示示例:

Look at the current page. The Submit button overlaps with the footer on this
screen size. Generate a fix for the layout and verify it by injecting the CSS
directly into this tab.

代理执行示例: 由于代理已连接到活跃窗口,因此会分析布局并立即应用修复。您会在屏幕上看到按钮移动,这会在您更新源代码之前确认修复有效。