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

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

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

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

  • 安全和隐私:当自动连接处于有效状态时,您的代理可以访问浏览器个人资料中的所有数据,包括打开的标签页、会话存储空间、本地存储空间、Cookie 以及通过 JavaScript API 显示的其他数据。
  • 数据隐私权保证:面向智能体的 Chrome 开发者工具服务器是一个本地进程,不会将您的浏览器数据、会话令牌或遥测数据发送给 Google。
  • 信任和提示:仅在您信任的代理中使用此模式,并谨慎处理您在提示中添加的信息。

前提条件

在使用自动连接功能之前,请确保您已做好以下准备:

  • 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"]
        }
      }
    }
    
  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 的当前网页上修复该 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.

智能体执行示例:由于智能体已连接到您的活动窗口,因此它会分析您的布局并立即应用修复。您会在屏幕上看到按钮移动,这表示在您更新源代码之前,该修复已生效。