Tabbit部落格

Claude Code 如何操控 Chrome?終端與桌面版連線指南

設定 Claude in Chrome 擴充功能,檢查終端連線,並分清桌面版 Browser 面板與已登入瀏覽器的差異。

本文目錄
  1. 重點
  2. 怎麼選瀏覽器入口
  3. 核對擴充功能與帳號
  4. 從終端連線 Chrome
  5. 選擇桌面版入口
  6. 先做一個唯讀任務
  7. 分開記錄連線與任務結果
  8. 重試之前排查權限

Claude Code 可以透過 Claude in Chrome 擴充功能點擊和讀取網頁。在終端用 claude --chrome 啟動,再用 /chrome 查看整合狀態。Claude Code 桌面版還提供獨立乾淨設定檔的 Browser 面板。先明確任務需要哪個瀏覽器工作階段,再選擇入口。

安裝擴充功能和建立連線是兩回事。一位使用者啟用擴充功能並重新啟動後,仍遇到連線錯誤。先看 /chrome 的狀態,再檢查網頁任務。 Reddit

重點

  • 安裝 1.0.36 或更新版本的官方擴充功能,以 /login 登入支援的 Anthropic 訂閱方案。

  • 需要沿用已登入的設定檔時使用擴充功能,預覽本機應用程式時可使用獨立的 Desktop Browser 面板。

  • 有多個瀏覽器時,先核對視窗與分頁,再到公開練習頁讀取結果。

  • 建立連線後,到實際網頁核對結果。

怎麼選瀏覽器入口

入口瀏覽器設定檔適用任務
Claude in Chrome現有設定檔需要沿用登入狀態
Desktop Browser獨立乾淨設定檔公開網頁或本機預覽
Claude Code 官方文件中的兩條瀏覽器路徑

核對擴充功能與帳號

官方 CLI 指南要求 Claude in Chrome 1.0.36 或更新版本、支援的 Anthropic 直接訂閱方案(Pro、Max、Ultra、Team 或 Enterprise),並用 /login 登入。只用 API 密鑰或 setup-token 不滿足此整合的登入要求。支援的瀏覽器和組織策略可能變化,連線前核對最新文件及擴充功能所在設定檔。

官方文件列出 Chrome 和 Edge,也說明 Claude Code 可在 Brave、Arc、Vivaldi、Opera 偵測擴充功能並設定連線。WSL 不支援這項整合。擴充功能與 CLI 須登入同一個 Claude 帳號及組織。組織管理員可以限制使用。 Anthropic

Claude Code Docs · Chrome Web Store

Claude 的瀏覽器操作 · 搭配 Claude Code 使用 Tabbit

從終端連線 Chrome

在支援的瀏覽器啟用官方擴充功能,使用 claude --chrome 啟動並查看首次連線說明。運行 /chrome 檢查狀態。官方說明正常面板會顯示 Status: Enabled 和 Extension: Installed。多個瀏覽器連線時先選擇目標,任務開始後再核對具體分頁。

claude --chrome

在 VS Code 中輸入 @browser 即可連線。使用 Claude Code 2.1.287 或更新版本,且在 /chrome 開啟 Enabled by default 時,VS Code 工作階段會在啟動時連線。 Claude Code Docs

適合 Agent 的瀏覽器 · 瀏覽器 Agent

選擇桌面版入口

Claude Code Desktop 的 Browser 面板使用獨立乾淨設定檔,與個人登入及歷史記錄分開,適合公開頁面和本機預覽。需要使用獲准的已登入瀏覽器時,官方文件指向 Claude in Chrome 擴充功能。桌面面板按網站請求授權,子網域也單獨處理。

Claude Code Desktop Docs · 瀏覽器自動化 · Agent 瀏覽器安全

先做一個唯讀任務

先選無帳號頁面。請 Claude Code 打開練習連結,讀取標題,點擊 Show source details 一次,然後回報可見的來源編號。如果按鈕不符或要求登入就停止。練習頁點擊後的預期結果是 Source ID: DEMO-A01。

在已連線的瀏覽器開啟 [練習頁 URL]。
讀取頁面標題,點擊一次 Show source details。
回報分頁網址、標題及可見的 Source ID。
若網址意外變更、按鈕不存在或頁面要求登入,請停止。請勿送出表單或上傳檔案。

打開練習頁 · 讓 AI Agent 操作瀏覽器 · 連線現有瀏覽器

分開記錄連線與任務結果

先核對瀏覽器視窗和練習頁網址,再確認按鈕展開後的文字。若回答包含編號但網頁上找不到,請 Claude 重新讀取目前的分頁。在有表單的網站上,重複點擊可能再次送出資料。

首次瀏覽器任務清單

重試之前排查權限

如果 /chrome 未檢測到擴充功能,先檢查它是否在目標瀏覽器設定檔啟用,再核對 Claude Code 版本。嘗試官方的 Reconnect extension,需要重啟時先確認已有窗口和任務。組織規則也可能禁用連線器或單獨網站,只授予完成該任務所需的權限。

現象檢查項
找不到擴充功能/chrome → Reconnect extension
連錯瀏覽器選擇目標瀏覽器
結果未顯示回讀可見編號
只有工作網站失敗檢查擴充功能的網站權限和組織連接器設定。
重新連線只開啟頁面如果低於 2.1.290,更新 Claude Code。

若顯示 Not connected,選擇 Reconnect extension。2.1.290 之前的版本只會開啟頁面,無法重新建立斷線的連線。第一次找不到擴充功能時,重新啟動瀏覽器可讀取 Claude Code 建立的原生訊息設定。閒置後斷線時先試著重新連線。如果只有工作網站失敗,檢查網站權限和組織的連線器或 IP 允許清單。 Claude Code Docs

有使用者回報,同時開啟多個設定檔時,有時會選到 Edge。請先核對實際開啟的視窗。 Reddit

需要使用已登入的 Chrome 設定檔時,從 claude --chrome 開始。只需預覽本機應用程式時,選 Desktop Browser 面板。先完成公開練習,確認分頁和畫面上的結果。

常見問題

Claude Code 能直接點擊網頁嗎?

官方擴充功能整合可在獲准工作階段中執行網頁動作。

終端用甚麼命令?

用 claude --chrome 啟動,使用 /chrome 檢查或重連。

API 金鑰能啟用 Chrome 整合嗎?

官方要求支持的直接訂閱方案和透過 /login 登入。

桌面版 Browser 面板使用個人設定檔嗎?

Browser 面板使用獨立乾淨設定檔。

擴充功能會復用登入態嗎?

它使用所連線瀏覽器的設定檔,並受網站和組織權限限制。

沒檢測到連線怎麼辦?

檢查目標設定檔、擴充功能是否啟用,以及 Claude Code 版本,再用 Reconnect extension。

下一步

讓 Tabbit 與你並肩工作。

跨分頁調研、自動化重複的瀏覽器工作,讓每一處上下文都觸手可及。