Open Claude in Chrome

Open Claude in Chrome 是什麼？

Open Claude in Chrome 是一個完全開源的「Claude in Chrome」瀏覽器擴充功能的清潔室重製版本。它透過瀏覽器自動化和相同的 MCP（Model Context Protocol）工具集，將 Claude Code 連接到基於 Chromium 的瀏覽器。

其核心目的是提供瀏覽器導航和頁面內動作，而無需官方擴充功能所述的網域限制行為，同時維持專案聲稱的功能和效能一致性。

主要功能

無網域封鎖清單：不同於官方擴充功能（列出 58 個跨類別的封鎖網域），Open Claude in Chrome 旨在可導航至任何地方。
清潔室重製（開源，MIT 授權）：原始碼以 MIT 授權提供。
適用於任何 Chromium 瀏覽器：預設支援 Chrome 和 Edge，並提及其他 Chromium 瀏覽器如 Brave、Arc、Opera、Vivaldi 等。
與 Claude in Chrome 相同的 18 個 MCP 工具：專案列出 18 個工具端點，並定位為與官方擴充功能相同。
三個元件的瀏覽器自動化架構：擴充功能（Manifest V3 搭配 CDP 自動化）、MCP 伺服器（由 Claude Code 啟動的 Node.js 程序），以及連接 MCP 伺服器與擴充功能的原生訊息主機橋接。

如何使用 Open Claude in Chrome

準備先決條件：安裝 Node.js v18+ 並具備已安裝的支援 Chromium 瀏覽器。同時使用 Claude Code v2.0.73+。
安裝擴充功能依賴：
- cd host
- npm install
- cd ..
載入擴充功能：
- 開啟瀏覽器的擴充功能頁面（例如 chrome://extensions、brave://extensions、edge://extensions）。
- 啟用 Developer mode。
- 點擊 Load unpacked 並選擇 extension/ 目錄。
- 複製擴充功能名稱下顯示的 extension ID。
註冊原生訊息主機：
- 執行 ./install.sh <your-extension-id>。
- 若使用多個瀏覽器，可傳遞多個 ID（範例格式見 repo）。
重新啟動瀏覽器：瀏覽器在啟動時讀取原生訊息主機設定。
將 MCP 新增至 Claude Code：
- 執行：claude mcp add open-claude-in-chrome -- node /absolute/path/to/host/mcp-server.js
- repo 建議使用 echo "node $(pwd)/host/mcp-server.js" 來確定絕對路徑。
驗證：啟動新的 Claude Code 工作階段並測試導航至如 reddit.com 等網站；repo 包含基於螢幕截圖的驗證步驟。

使用情境

瀏覽官方擴充功能封鎖的網站：若官方擴充功能封鎖特定網域（repo 列舉類別如銀行、投資、付款/轉帳、賭博、約會等），Open Claude in Chrome 旨在允許導航至這些網域。
讀取與擷取頁面內容：使用提供的工具如 get_page_text 來擷取主要文章或頁面文字，支援快速檢閱或摘要等工作流程。
與網頁表單互動：使用 form_input 依元素參照設定表單值，適用於結構化資料輸入任務。
瀏覽工作階段內的客戶端自動化：使用如 read_page（輔助功能樹）、find（依文字/屬性定位元素）以及 navigate/back/forward 等動作，進展多步驟頁面。
自動化瀏覽期間的除錯或檢查：如 read_console_messages 和 read_network_requests 等工具，協助使用者查看自動化遇到的主控台輸出與網路活動。

常見問題

問：支援哪些瀏覽器？
答：專案僅依類別指定 Chrome 和 Edge，但也支援「任何 Chromium 瀏覽器」，列舉如 Brave、Arc、Opera 和 Vivaldi 等範例。

問：如何正確安裝原生訊息主機？
答：使用瀏覽器擴充功能頁面顯示的擴充功能 ID 執行 ./install.sh。若使用多個瀏覽器，請傳遞所有相關擴充功能 ID。然後在使用 Claude Code 前重新啟動瀏覽器。

問：如何將 Open Claude in Chrome 連接到 Claude Code？
答：使用 claude mcp add open-claude-in-chrome -- node /absolute/path/to/host/mcp-server.js 將其新增為 Claude Code 的 MCP，並使用 host/mcp-server.js 的絕對路徑。

問：如果擴充功能無法連接該怎麼辦？
答：repo 建議驗證擴充功能已載入並啟用、確認使用正確擴充功能 ID 執行 ./install.sh、完全重新啟動瀏覽器，並檢查瀏覽器的 NativeMessagingHosts 目錄下是否存在原生訊息主機清單檔案。它也提及新增 MCP 伺服器時使用絕對路徑。

問：Open Claude in Chrome 是否包含與官方擴充功能相同的瀏覽器工具？
答：repo 列出 18 MCP tools 並呈現為與 Claude in Chrome 「相同的 18 個 MCP 工具」。

替代方案

使用官方「Claude in Chrome」擴充功能：這會符合相同的 Claude 瀏覽器工作流程，但本專案強調官方擴充功能包含網域封鎖清單。
其他 AI 瀏覽器自動化方法：尋找整合 LLM 與瀏覽器自動化的工具，透過通訊協定或代理框架（關鍵差異在於是否使用 MCP 風格的工具暴露，以及如何處理瀏覽器限制）。
通用瀏覽器自動化（非 LLM）：自動化框架可瀏覽並互動頁面，無需 LLM 工具層，但無法提供 MCP 整合所述的相同 LLM 工具集。

Open Claude in Chrome