浏览器自动化开源插件

项目简介

Nanobrowser 是一款在瀏覽器中執行的開放原始碼 AI 網頁自動化工具。作為 OpenAI Operator 的免費替代方案，提供彈性的 LLM 選項與多代理系統。

🔥 為什麼選擇 Nanobrowser？

正在尋找功能強大的 AI 瀏覽器代理，卻不想每月為 OpenAI Operator 支付 200 美元嗎？Nanobrowser 作為一款 Chrome 擴充功能，提供進階的網頁自動化能力，同時讓您保有完全的掌控權：

• 100% 免費 - 無訂閱費或隱藏成本。安裝後使用自己的 API 金鑰，只需支付給供應商的 API 使用費。
• 注重隱私 - 所有處理都在本機瀏覽器內完成。您的認證資訊會儲存在本機，絕不會與任何雲端服務分享。
• 彈性的 LLM 選項 - 可連接您偏好的 LLM 供應商，並可為不同代理選擇不同模型。
• 完全開放原始碼 - 瀏覽器自動化過程完全透明，沒有任何黑箱作業或隱藏的處理程序。

請注意： 我們目前支援 OpenAI、Anthropic、Gemini、Ollama、Groq、Cerebras、Llama 以及自訂的 OpenAI 相容供應商，未來將會支援更多。

📊 主要功能

• 多代理系統：由專業的 AI 代理協同合作，完成複雜的網頁工作流程
• 互動式側邊面板：直覺的聊天介面，提供即時的狀態更新
• 任務自動化：跨網站無縫自動化重複性任務
• 後續提問：針對已完成的任務提出與上下文相關的追問
• 對話歷史紀錄：輕鬆存取並管理與 AI 代理的互動歷史
• 支援多種 LLM：可連接您偏好的 LLM 供應商，並為不同代理指派不同模型

🌐 瀏覽器支援

正式支援：

• Chrome - 完整支援所有功能
• Edge - 完整支援所有功能

不支援：

• Firefox、Safari，以及其他 Chromium 衍生瀏覽器 (Opera、Arc 等)

注意：雖然 Nanobrowser 可能可在其他 Chromium 系瀏覽器上運作，我們仍建議使用 Chrome 或 Edge，以獲得最佳體驗並確保相容性。

🚀 快速入門

1. 從 Chrome 線上應用程式商店安裝 (穩定版)：
• 前往 Nanobrowser 的 Chrome 線上應用程式商店頁面^[1]
• 按一下 [新增至 Chrome] 按鈕
• 在提示出現時確認安裝

重要提示：若要體驗最新功能，請參考下方的 「手動安裝最新版本」^[2] 進行安裝，因為 Chrome 線上應用程式商店的版本可能會因審核流程而延遲。

2. 設定代理模型：
• 按一下工具列中的 Nanobrowser 圖示以開啟側邊面板
• 按一下右上角的 設定 圖示
• 新增 LLM API 金鑰
• 為不同代理 (Navigator、Planner) 選擇要使用的模型

🔧 手動安裝最新版本

若要取得包含所有最新功能的版本：

1. 下載

• 從官方 GitHub 的 版本頁面^[3] 下載最新的 nanobrowser.zip 檔案。

2. 安裝：

• 解壓縮 nanobrowser.zip。
• 在 Chrome 中開啟 chrome://extensions/
• 啟用 開發人員模式 (右上角)
• 按一下 載入未封裝的擴充功能 (左上角)
• 選擇已解壓縮的 nanobrowser 資料夾。

3. 設定代理模型

• 按一下工具列中的 Nanobrowser 圖示以開啟側邊面板
• 按一下右上角的 設定 圖示。
• 新增 LLM API 金鑰。
• 為不同代理 (Navigator、Planner) 選擇要使用的模型。

4. 升級：

• 從版本頁面下載最新的 nanobrowser.zip 檔案。
• 解壓縮並用新檔案覆寫您現有的 Nanobrowser 檔案。
• 前往 Chrome 的 chrome://extensions/ 頁面，然後在 Nanobrowser 卡片上按一下重新整理圖示。

🛠️ 從原始碼建置

如果您偏好自行建置 Nanobrowser，請依照以下步驟操作：

1. 先決條件：

• Node.js^[4] (v22.12.0 或更高版本)
• pnpm^[5] (v9.15.1 或更高版本)

2. 複製儲存庫：

   git clone https://github.com/nanobrowser/nanobrowser.git
   cd nanobrowser
   

3. 安裝相依套件：

   pnpm install
   

4. 建置擴充功能：

   pnpm build
   

5. 載入擴充功能：

• 建置完成的擴充功能將位於 dist 目錄中
• 依照「手動安裝」一節中的步驟，將擴充功能載入瀏覽器

6. 開發模式 (選用)：

   pnpm dev
   

🤖 選擇您的模型

Nanobrowser 允許您為每個代理設定不同的 LLM 模型，以平衡效能與成本。以下是建議的設定：

追求高效能

• Planner：Claude Sonnet 4
• 更佳的推理與規劃能力
• Navigator：Claude Haiku 3.5
• 有效率地處理網頁導覽任務
• 在效能與成本之間取得良好平衡

講求成本效益

• Planner：Claude Haiku 或 GPT-4o
• 以較低成本獲得合理的效能
• 處理複雜任務可能需要更多次的迭代
• Navigator：Gemini 2.5 Flash 或 GPT-4o-mini
• 輕量級且具成本效益
• 適合基本的導覽任務

本機模型

• 設定選項：

• 使用 Ollama 或其他自訂的 OpenAI 相容供應商，在本機執行模型
• 零 API 成本並確保完全隱私，所有資料都保留在本機電腦

• 推薦模型：

• Qwen3-30B-A3B-Instruct-2507
• Falcon3 10B
• Qwen 2.5 Coder 14B
• Mistral Small 24B
• 社群最新測試結果^[6]
• 歡迎社群成員在我們的 Discord^[7] 分享其他本機模型的使用經驗

• 提示詞工程：

• 本機模型通常需要更具體、清楚的提示詞
• 避免使用高層次、模糊的指令
• 將複雜的任務拆解成清楚、詳細的步驟
• 提供明確的上下文與限制條件

請注意：講求成本效益的設定可能會產生較不穩定的輸出，且處理複雜任務時可能需要更多次的迭代。

提示：歡迎盡情嘗試自己的模型設定！找到絕佳組合了嗎？到我們的 Discord^[8] 與社群分享，幫助大家最佳化設定。

💡 實際應用案例

以下是幾個只要一句話就能完成的強大任務：

1. 新聞摘要：

   "前往 TechCrunch，擷取過去 24 小時內的 10 大頭條新聞"

2. GitHub 研究：

   "在 GitHub 上找出星星數最多的熱門 Python 儲存庫"

3. 購物研究：

   "在 Amazon 上找一款具備防水設計、價格低於 50 美元的可攜式藍牙喇叭，且電池續航力至少要有 10 小時"

项目地址

https://github.com/nanobrowser/nanobrowser/blob/master/README-zh-Hant.md

参考资料