跳至主要內容

開始在 Chrome 中使用 Claude

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

可用性

Chrome 中的 Claude 可在付費方案(Pro、Max、Team 和 Enterprise)、Chrome 側邊面板、Claude Cowork 和 Claude Code 中使用。側邊面板以 Claude Cowork 工作階段的形式執行。在 Enterprise 方案上,這需要擁有者在雲端啟用 Chrome 中的 Claude 和 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 處理瀏覽器中的工作,而無需切換視窗。

注意:Claude Cowork 在 Claude Desktop 應用程式中也內建了瀏覽器,無需安裝任何東西。本週正在逐步推出。如果您已經使用 Chrome 中的 Claude,它將保持為 Cowork 的首選瀏覽器;否則 Cowork 預設使用內建瀏覽器。在 Settings > Cowork > Preferred browser 中選擇其中一個。在 在 Claude Cowork 中使用內建瀏覽器 中瞭解更多資訊。

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

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

  2. 瀏覽至「自訂」,然後「連接器」。

  3. 在清單中找到 Chrome 中的 Claude,然後點擊「設定」。

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

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

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

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

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

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

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

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

側邊面板非常適合即時瀏覽任務:

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

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

  • 在您觀看時逐步完成網站上的任務。

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

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

若要開啟側邊面板,請點擊 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 Web Store 以找到 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 管理員控制。

是否回答了您的問題?