跳至主要內容

開始在 Chrome 中使用 Claude

Chrome 中的 Claude 是一個瀏覽器擴充功能,可讓 Claude 與您一起讀取、點擊和瀏覽網站。您可以從 Chrome 瀏覽器的側邊面板,或透過 Claude Cowork 或 Claude Code 啟動 Chrome 中的 Claude 工作。

Chrome 中的 Claude 適用於所有付費方案(Pro、Max、Team 和 Enterprise)。它在 Claude Cowork 和 Claude Code 中提供,並在 Chrome 側邊面板中處於測試版。在 Max 和 Team 方案上,側邊面板以 Claude Cowork 工作階段的形式執行,這正在推出到 Pro 方案。在 Enterprise 方案上,一旦您的管理員在雲端啟用 Cowork,側邊面板就會以 Cowork 工作階段的形式執行;在此之前,它使用傳統體驗。

重要:Chrome 中的 Claude 允許 Claude 代表您直接與網站互動。Chrome 中的 Claude 已透過我們的安全分類器進行增強,但仍然存在風險。使用前,請先查看安全地使用 Chrome 中的 Claude


您可以在哪裡使用 Chrome 中的 Claude

Claude Code 整合

Claude Code 和 Chrome 擴充功能一起運作,以實現建置-測試-驗證工作流程:

  • 在您的終端機中使用 Claude Code 進行建置,然後部署到 Claude 可以存取的 URL。

  • 使用 Chrome 擴充功能在瀏覽器中進行測試和驗證。

  • 使用主控台日誌偵錯問題 — Claude 可以直接讀取錯誤、網路請求和 DOM 狀態。

此整合對於設計驗證(比較 Figma 模型與建置的輸出)、即時偵錯和自動化測試特別有用。

從 Claude Desktop 控制瀏覽器動作(Chat、Claude Cowork 和 Claude Code)

當您在 Claude Cowork 中啟動聊天、工作或工作階段並涉及網站時,Claude 可以直接在 Chrome 中開啟瀏覽器並完成工作,以人類的方式點擊、輸入和填寫表單。您可以讓 Claude 處理瀏覽器中的工作,而無需切換視窗。

請按照以下步驟在您的桌面應用程式中啟用 Chrome 中的 Claude 連接器:

  1. 按一下左下角的您的首字母,然後選擇「設定」。

  2. 瀏覽至「連接器」。

  3. 在清單中找到Chrome 中的 Claude,然後按一下「設定」。

  4. 開啟連接器,然後下載並安裝擴充功能(如果您還沒有安裝)。

完成這些步驟後,Chrome 中的 Claude 將被新增到您與 Claude 聊天的「連接器」下拉式選單中。此功能預設為停用,因此您需要為每個對話手動啟用它。

在瀏覽器側邊面板中與 Claude 聊天

開啟 Claude 側邊面板,以便在您所在的頁面旁邊與 Claude 一起工作。Claude 可以看到頁面上的內容並對其進行操作,讀取、點擊、輸入、瀏覽和填寫表單,因此您可以在不離開瀏覽器視窗的情況下獲得幫助。

在 Max 和 Team 方案上、在 Pro 方案上(當推出到達您時)以及在您的管理員已啟用的 Enterprise 方案上,側邊面板以 Claude Cowork 工作階段的形式執行,這意味著:

  • 您的對話已儲存。每個側邊面板工作階段都會像任何其他 Cowork 工作階段一樣出現在您的歷史記錄中。

  • 工作階段隨您移動。在側邊面板中啟動工作階段,然後在網路、Claude Desktop 或 Claude Mobile 上繼續。工作階段與您的 Claude 帳戶一起存在,而不是與您啟動的機器一起存在。

  • 您的技能、外掛程式和連接器在這裡運作。它們的行為方式與在桌面上的 Cowork 中相同。在側邊面板中儲存技能,並從任何介面執行它。

側邊面板非常適合即時瀏覽工作:

  • 摘要或比較您的標籤中開啟的內容。

  • 將頁面中的詳細資訊提取到筆記、文件或表單中。

  • 在您觀看時逐步完成網站上的工作。

側邊面板以「自動批准」模式啟動:Claude 持續工作,檢查每個動作的安全性,並在需要您批准時暫停詢問。如果您切換到不同的模式,側邊面板會為未來的工作階段保留您的選擇。在Claude in Chrome 權限指南中瞭解更多資訊。

注意:在 Enterprise 方案上,Cowork 側邊面板需要您的管理員在雲端啟用 Cowork 和 Chrome 中的 Claude,以供您的組織使用。如果您看到傳統側邊面板,請聯絡您的管理員。在Claude in Chrome 管理員控制中瞭解更多資訊。

若要開啟側邊面板,請按一下 Chrome 工具列中的 Claude 圖示。瀏覽時它會保持可見。如果您還沒有安裝擴充功能,請參閱下方的安裝 Chrome 中的 Claude

注意:側邊面板讀取您所在的標籤,無需額外設定。需要您的本機檔案、您的電腦或 Claude 從另一個介面驅動 Chrome 的工作仍然需要 Claude Desktop 應用程式開啟並連接,即使您的工作階段在雲端執行。

切換回傳統側邊面板:

如果您想使用先前的側邊面板,您可以隨時切換回去:

  1. 在 Chrome 中開啟側邊面板。

  2. 按一下右上角的三個點。

  3. 選擇「切換回傳統」。

注意:錄製的工作流程僅在傳統側邊面板中提供。

模型選擇

Chrome 中的 Claude 適用於所有公開模型。


安裝 Chrome 中的 Claude

  1. 開啟 Google Chrome 瀏覽器視窗。

    1. 注意:Chrome 中的 Claude 在其他基於 Chromium 的網路瀏覽器或行動裝置上不受支援。

  2. 造訪Chrome 線上應用程式商店以找到 Chrome 中的 Claude。

  3. 按一下「新增至 Chrome」以安裝擴充功能。

  4. 出現提示時,使用您的 Claude 帳戶認證登入。

  5. 按一下拼圖片段圖示,然後按一下「Claude」旁邊的圖釘,以釘選擴充功能。

  6. 授予必要的權限,以便 Claude 能夠與您的瀏覽器互動。

Claude 圖示會出現在您的 Chrome 工具列中。點擊它可在側面板中開啟 Claude,該面板在您瀏覽時保持可見。


在 Chrome 中安裝 Claude 所需的權限

您需要授予 Chrome 中的 Claude 以下權限才能安裝和使用此擴充功能:

權限

Claude 需要此權限的原因

sidePanel

這可讓 Claude 在您的瀏覽器側面顯示為面板,因此您可以在瀏覽任何網站時與 Claude 聊天。

storage

這可讓 Claude 儲存您的偏好設定,以便在您關閉並重新開啟瀏覽器時仍然保留。

scripting

這可讓 Claude 讀取網頁上的文字,以便協助您完成工作。

debugger

這是允許 Claude 實際控制您的瀏覽器的功能 – 點擊按鈕、輸入文字和擷取螢幕截圖 – 當您要求它為您完成工作時。

tabGroups

這可讓 Claude 將它開啟的標籤組織成具有不同顏色的單獨群組,因此您可以輕鬆區分 Claude 使用的標籤與您的個人瀏覽。

tabs

這可讓 Claude 在為您完成工作時開啟、關閉和切換瀏覽器標籤。

alarms

這可讓 Claude 在您選擇的特定時間執行排定的工作 – 例如每天在設定的時間檢查網站上的內容。

notifications

這可讓 Claude 在完成工作或需要您採取行動時傳送通知到您的電腦。

system.display

這可讓 Claude 知道您的螢幕大小,以便在自動化工作時準確點擊正確的位置。

webNavigation

這可讓 Claude 在偵測到您在高風險網站上時進行干預。

declarativeNetRequestWithHostAccess

這可讓擴充功能向 Anthropic 的伺服器識別自己,幫助我們了解瀏覽器擴充功能的使用方式並排除任何問題。

offscreen

這可讓 Claude 在需要您注意時在背景播放通知音效。

nativeMessaging

這將讓擴充功能與您電腦上的其他 Anthropic 產品(如 Claude Desktop 或 Claude Code)無縫整合,一旦我們啟用該功能。

downloads

這可讓 Claude 從網站下載檔案並在您要求儲存或作為自動化工作流程的一部分處理檔案時開啟它們。

unlimitedStorage

這可讓 Claude 在本機儲存更多資料(例如詳細工作流程的複雜指示),超過 Chrome 為擴充功能設定的正常限制。

如需詳細資訊,請參閱 Google Chrome 權限文件

核心功能

記錄工作流程(經典側面板)

在經典側面板中,您可以透過自己記錄步驟來教導 Claude 工作流程,Claude 會學習重複這些步驟。這對於每次遵循相同模式的重複瀏覽器工作很有用。當側面板作為 Cowork 工作階段執行時,無法使用記錄功能。若要在經典側面板中記錄工作流程:

  1. 點擊擴充功能面板中的記錄圖示。

  2. 執行您希望 Claude 學習的步驟。

  3. 完成後停止記錄。

  4. 將工作流程儲存為快捷方式以供日後使用。

主控台日誌

Claude 現在可以讀取瀏覽器主控台輸出,包括錯誤、網路請求和 DOM 狀態。這可幫助開發人員在不離開瀏覽器的情況下識別和偵錯問題。

排定的工作

設定循環瀏覽器工作以按您的排程自動執行。設定一次,Claude 就會從那裡處理 – 每天、每週、每月或每年。您可以透過點擊擴充功能面板右上角的時鐘圖示,排定您的 Claude in Chrome 快捷方式自動執行。

多標籤功能

Claude 可以同時管理多個瀏覽器標籤。將標籤拖曳到 Claude 的指定標籤群組中,以啟用 Claude 一次檢視和互動所有分組標籤 – 無需手動在標籤之間切換來編譯資訊。

增強的網站導覽

Claude 內建了解如何導覽熱門平台的知識,包括 Slack、Google Calendar、Gmail、Google Docs 和 GitHub。簡單的命令如「安排會議」或「更新文件」無需詳細的逐步說明即可運作。我們持續擴展 Claude 的網站特定功能。

使用 1Password 登入

當任務需要登入時,Claude 可以從 1Password 要求登入,而不是在登入頁面停止。您可以使用生物識別技術批准每個要求,1Password 會直接填入認證資訊,因此 Claude 永遠不會看到您的密碼或一次性代碼。1Password for Claude 在 macOS 上處於測試版。在 開始使用 1Password for Claude 中瞭解更多。

背景工作流程

Claude 可以處理複雜的多步驟工作流程,即使您切換分頁也能繼續工作(只要 Chrome 保持開啟)。啟用通知以接收 Claude 需要權限或完成任務時的警示,讓您可以專注於其他工作,同時 Claude 在背景處理任務。

視覺內容分享

透過上傳影像或擷取特定螢幕區域的螢幕截圖,直接與 Claude 分享視覺資訊。指向 Claude 確切的按鈕、欄位或細節—比用文字描述複雜的版面配置快得多。

影像上傳

給 Claude 一張影像並告訴它要上傳到哪裡,無論是費用報告、表單附件或圖片上傳。

快捷方式

將您最有效的提示詞儲存為快捷方式,並立即重複使用這些經過驗證的工作流程:

  1. 在製作出有效的提示詞後,將其儲存為快捷方式。

  2. 在聊天中輸入「/」來存取您儲存的快捷方式。

  3. 選擇您的快捷方式以立即套用相同的指示。

  4. 透過擴充功能設定編輯或刪除快捷方式。

您也可以排程快捷方式以自動化重複性任務。

情境建議

根據您正在訪問的網站獲得提示詞建議和有用的提示,讓您始終有一個與 Claude 的起點。


適用於 Team 和 Enterprise 使用者

如果您在 Team 或 Enterprise 方案上的 Chrome 中使用 Claude,您的管理員可能已設定會影響您體驗的設定:

  • 擴充功能可用性:您的管理員控制是否為您的組織啟用擴充功能。

  • 網站存取:您的管理員可以使用允許清單和封鎖清單限制 Claude 可以存取的網站。

如果您無法安裝或使用擴充功能,請聯絡您組織的管理員。如需管理員文件,請參閱 Chrome 中的 Claude 管理員控制

是否回答了您的問題?