透過自動連線功能,將 AI 代理連結至個人瀏覽器

使用自動連線功能,將 AI 代理直接連結至使用中的瀏覽器執行個體。這樣一來,代理就能沿用目前的分頁、瀏覽器擴充功能和即時應用程式狀態,不受沙箱限制。

繼承工作流程內容後,代理程式就能從編寫程式碼轉為偵錯即時瀏覽器狀態,且不會遺失工作階段資料。如果您已達到特定應用程式狀態 (例如複雜的結帳程序或手動重現的錯誤),並希望代理接手技術調查,而不必手動重新執行這些步驟,這項功能就非常實用。

啟用自動連線前,請考量下列事項:

  • 安全性和隱私權:啟用自動連線後,代理程式可以存取瀏覽器設定檔中的所有資料,包括開啟的分頁、工作階段儲存空間、本機儲存空間、Cookie,以及透過 JavaScript API 顯示的其他資料。
  • 傳送至 Google 的資料:代理專用 Chrome 開發人員工具伺服器會在本機執行。不過,無論連線模式為何,預設都會將下列資料傳送給 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 要求允許工作階段時,請按一下「Allow」(允許)。

現在,代理會使用 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 評估特定衝突。

即時修正目前分頁

請避免手動重現錯誤。您不必將重現步驟翻譯成沙箱代理程式的新提示,而是要求代理程式修正您已在作用中網頁上遇到的錯誤。

提示詞範例:

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.

代理執行範例:由於代理已連結至使用中的視窗,因此會分析版面配置並立即套用修正。您會看到按鈕在畫面上移動,這表示修正程式有效,可以更新原始碼。