通过自动连接将 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 即可。

提示示例

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.

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