[](https://github.com/nanobrowser)
[](https://x.com/nanobrowser_ai)
[](https://discord.gg/NN3ABHggMK)
## 🌐 Nanobrowser
Nanobrowser 是一個在瀏覽器中運行的開源 AI 網頁自動化工具。它是 OpenAI Operator 的免費替代品，提供靈活的 LLM 選項和多代理系統。
⬇️ 免費從 [Chrome Web Store 獲取 Nanobrowser](https://chromewebstore.google.com/detail/nanobrowser/imbddededgmcgfhfpcjmijokokekbkal)
👏 加入 [Discord](https://discord.gg/NN3ABHggMK) | [X](https://x.com/nanobrowser_ai) 社群
❤️ 喜歡 Nanobrowser？給我們一個星星 🌟 並幫助傳播消息！
Nanobrowser 的多代理系統實時分析 HuggingFace，Planner 智能地在遇到障礙時自我糾正，並動態指導 Navigator 調整其方法—全部在您的瀏覽器中本地運行。
## 🔥為什麼選擇 Nanobrowser？
想要強大的 AI 網頁代理，但不想每月支付 OpenAI Operator $200 的費用？**Nanobrowser** 作為 Chrome 擴展程式，提供高級網頁自動化功能，同時讓您完全掌控：
- **100% 免費** - 沒有訂閱費或隱藏成本。只需安裝並使用您自己的 API keys，您只需支付使用自己 API keys 的費用。
- **注重隱私** - 一切都在您的本地瀏覽器中運行。您的憑證保留在您這裡，絕不與任何雲服務共享。
- **靈活的 LLM 選項** - 連接到您偏好的 LLM providers，並可為不同的代理選擇不同的模型。
- **完全開源** - 瀏覽器自動化過程完全透明。沒有黑盒或隱藏的處理程序。
> **注意：** 我們目前支持 OpenAI、Anthropic、Gemini、Ollama 和自定義 OpenAI 兼容的 providers，未來會支持更多 providers。
## 📊 主要特點
- **多代理系統**：專業 AI 代理協作完成複雜的網頁工作流程
- **互動側邊欄**：直觀的聊天界面，提供實時狀態更新
- **任務自動化**：在不同網站間無縫自動化重複性網頁自動化任務
- **後續問題**：針對已完成任務提出上下文相關的後續問題
- **對話歷史**：輕鬆訪問和管理您的 AI 代理互動歷史
- **多 LLM 支持**：連接您偏好的 LLM providers，並為不同代理分配不同模型
## 🚀 快速開始
1. **從 Chrome Web Store 安裝**（穩定版）：
* 訪問 [Nanobrowser Chrome Web Store 頁面](https://chromewebstore.google.com/detail/nanobrowser/imbddededgmcgfhfpcjmijokokekbkal)
* 點擊「加到 Chrome」按鈕
* 確認安裝
> **重要提示**：如需最新功能，請從下方的[「手動安裝最新版本」](#-手動安裝最新版本)安裝，因為 Chrome Web Store 版本可能會因審核流程而延遲。
2. **配置代理模型**：
* 點擊工具欄中的 Nanobrowser 圖標打開側邊欄
* 點擊 `設置` 圖標（右上角）
* 添加您的 LLM API keys
* 選擇為不同代理（Navigator、Planner、Validator）使用的模型
## 🔧 手動安裝最新版本
若要獲取具有所有最新功能的最新版本：
1. **下載**
* 從官方 Github [release page](https://github.com/nanobrowser/nanobrowser/releases)下載最新的 `nanobrowser.zip` 文件。
2. **安裝**：
* 解壓縮 `nanobrowser.zip`。
* 在 Chrome 中打開 `chrome://extensions/`
* 啟用 `開發人員模式`（右上角）
* 點擊 `載入未封裝項目`（左上角）
* 選擇解壓縮後的 `nanobrowser` 文件夾。
3. **配置代理模型**
* 點擊工具欄中的 Nanobrowser 圖標打開側邊欄
* 點擊 `設置` 圖標（右上角）。
* 添加您的 LLM API keys。
* 選擇為不同代理（Navigator、Planner、Validator）使用的模型
4. **升級**：
* 從 release page 下載最新的 `nanobrowser.zip` 文件。
* 解壓並用新文件替換您現有的 Nanobrowser 文件。
* 在 Chrome 中前往 `chrome://extensions/` 並點擊 Nanobrowser 卡片上的刷新圖標。
## 🛠️ 從原始碼構建
如果您更喜歡自己構建 Nanobrowser，請按照以下步驟操作：
1. **先決條件**：
* [Node.js](https://nodejs.org/)（v22.12.0 或更高版本）
* [pnpm](https://pnpm.io/installation)（v9.15.1 或更高版本）
2. **克隆倉庫**：
```bash
git clone https://github.com/nanobrowser/nanobrowser.git
cd nanobrowser
```
3. **安裝依賴**：
```bash
pnpm install
```
4. **構建擴展程式**：
```bash
pnpm build
```
5. **載入擴展程式**：
* 構建好的擴展程式將位於 `dist` 目錄中
* 按照手動安裝部分的安裝步驟將擴展程式載入到您的瀏覽器中
6. **開發模式**（可選）：
```bash
pnpm dev
```
## 🤖 選擇您的模型
Nanobrowser 允許您為每個代理配置不同的 LLM 模型，以平衡性能和成本。以下是推薦的配置：
### 更好的性能
- **Planner 和 Validator**：Claude 3.7 Sonnet
- 更好的推理和規劃能力
- 更可靠的任務驗證
- **Navigator**：Claude 3.5 Haiku
- 高效的網頁導航任務
- 性能和成本的良好平衡
### 成本效益配置
- **Planner 和 Validator**：Claude Haiku 或 GPT-4o
- 以較低成本獲得合理性能
- 複雜任務可能需要更多迭代
- **Navigator**：Gemini 2.0 Flash 或 GPT-4o-mini
- 輕量且具成本效益
- 適合基本導航任務
### 本地模型
- **設置選項**：
- 使用 Ollama 或其他自定義 OpenAI 兼容 providers 在本地運行模型
- 零 API 成本且完全隱私，所有資料都在您的電腦上
- **推薦模型**：
- **Falcon3 10B**
- **Qwen 2.5 Coder 14B**
- **Mistral Small 24B**
- 我們歡迎社區在我們的 [Discord](https://discord.gg/NN3ABHggMK) 分享使用其他本地模型的經驗
- **Prompt 工程**：
- 本地模型需要更具體和更乾淨的 prompts
- 避免高級、模糊的命令
- 將複雜任務分解為清晰、詳細的步驟
- 提供明確的上下文和約束
> **注意**：成本效益配置可能產生較不穩定的輸出，複雜任務可能需要更多迭代。
> **提示**：歡迎嘗試您自己的模型配置！找到了一個很棒的模型組合？在我們的 [Discord](https://discord.gg/NN3ABHggMK) 與社區分享，幫助其他人優化他們的設置。
## 💡 實際應用
以下是您只需一句話就能完成的一些強大任務：
1. **新聞摘要**：
> "前往 TechCrunch 並幫忙撈過去 24 小時內的前 10 個頭條新聞"
2. **GitHub 研究**：
> "在 GitHub 上尋找最多星星的熱門 Python 倉庫"
3. **購物研究**：
> "在 Amazon 上尋找一個具有防水設計的便攜式藍牙音箱，價格低於 50 美元。它應該有至少 10 小時的電池壽命"
## 🛠️ 路線圖
我們正在積極開發 Nanobrowser，未來將有令人興奮的功能，歡迎加入我們！
查看我們在 [GitHub Discussions](https://github.com/nanobrowser/nanobrowser/discussions/85) 中的詳細路線圖和即將推出的功能。
## 🤝 貢獻
**我們需要您的幫助使 Nanobrowser 變得更好！** 歡迎各種形式的貢獻：
* **分享 Prompts 和使用案例**
* 加入我們的 [Discord](https://discord.gg/NN3ABHggMK)。
* 分享您如何使用 Nanobrowser。幫助我們建立有用 prompts 和真實世界的使用案例。
* **提供反饋**
* 嘗試 Nanobrowser 並在我們的 [Discord](https://discord.gg/NN3ABHggMK)中提供關於其效能的反饋或建議改進。
* **貢獻程式碼**
* 查看我們的 [CONTRIBUTING.md](CONTRIBUTING.md) 了解如何為項目貢獻程式碼的指南。
* 提交 bug 修復、功能或文檔改進的 pull requests。
我們相信開源和社區協作的力量。加入我們，一同構建網頁自動化的未來！
## 🔒 安全
如果您發現安全漏洞，請**不要**通過 issues、pull requests 或討論公開披露。
相反，請創建 [GitHub Security Advisory](https://github.com/nanobrowser/nanobrowser/security/advisories/new) 負責任地報告漏洞。這使我們能夠在公開披露之前解決問題。
感謝您幫助保持 Nanobrowser 及其用戶的安全！
## 💬 社區
加入我們不斷成長的開發者和用戶社區：
- [Discord](https://discord.gg/NN3ABHggMK) - 與團隊和社區聊天
- [Twitter](https://x.com/nanobrowser_ai) - 關注更新和公告
- [GitHub Discussions](https://github.com/nanobrowser/nanobrowser/discussions) - 分享想法和提問
## 👏 致謝
Nanobrowser 建立在其他優秀的開源項目之上：
- [Browser Use](https://github.com/browser-use/browser-use)
- [Puppeteer](https://github.com/EmergenceAI/Agent-E)
- [Chrome Extension Boilerplate](https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite)
- [LangChain](https://github.com/langchain-ai/langchainjs)
非常感謝他們的創建者和貢獻者！
## 📄 許可證
本項目採用 Apache License 2.0 許可證 - 詳情請參閱 [LICENSE](LICENSE) 文件。
由 Nanobrowser 團隊用 ❤️ 製作。
喜歡 Nanobrowser？給我們一個星星 🌟 並加入我們 [Discord](https://discord.gg/NN3ABHggMK) | [X](https://x.com/nanobrowser_ai)