[![Read Frog banner][image-banner]][website]
一款開源的 AI 驅動瀏覽器語言學習擴充功能。
支援沉浸式翻譯、文章分析、多種 AI 模型等功能。
在瀏覽器中用 AI 輕鬆而深入地掌握語言。
[![English][english-shield]](../README.md) [![简体中文][chinese-shield]](./README.zh-CN.md) [![繁體中文][traditional-chinese-shield]](./README.zh-TW.md) [![日本語][japanese-shield]](./README.ja.md) [![한국어][korean-shield]](./README.ko.md) [![Español][spanish-shield]](./README.es.md) [![Русский][russian-shield]](./README.ru.md) [![Türkçe][turkish-shield]](./README.tr.md) [![Tiếng Việt][vietnamese-shield]](./README.vi.md)
[官方網站](https://readfrog.app) · [教學](https://www.readfrog.app/docs) · [更新紀錄][github-release-link] · [部落格](https://www.readfrog.app/blog)
[![Release version badge][extension-release-shield]][github-release-link]
[![Chrome version badge][chrome-version-shield]][chrome-store-link]
[![Edge version badge][edge-version-shield]][edge-store-link]
[![Firefox version badge][firefox-version-shield]][firefox-store-link]
[![Discord badge][discord-shield]][discord-link]
[![Chrome users badge][chrome-users-shield]][chrome-store-link]
[![Edge users badge][edge-users-shield]][edge-store-link]
[![Firefox users badge][firefox-users-shield]][firefox-store-link]
[![Stars badge][star-history-shield]][star-history-link]
[![Contributors badge][contributors-shield]][contributors-link]
![Last commit badge][last-commit-shield]
[![Issues badge][issues-shield]][issues-link]
[![Sponsor badge][sponsor-shield]][sponsor-link]
目錄
#### 目錄
- [📺 示範](#-示範)
- [👋🏻 快速開始與加入社群](#-快速開始與加入社群)
- [下載](#下載)
- [社群](#社群)
- [✨ 功能](#-功能)
- [🔄 雙語 / 僅譯文](#-雙語--僅譯文)
- [✨ 劃詞翻譯](#-劃詞翻譯)
- [🧠 上下文感知翻譯](#-上下文感知翻譯)
- [🎬 字幕翻譯](#-字幕翻譯)
- [🔊 文字轉語音 (TTS)](#-文字轉語音-tts)
- [📦 批次請求](#-批次請求)
- [🤖 20+ AI 服務商](#-20-ai-服務商)
- [🤝 貢獻](#-貢獻)
- [📜 商業授權](#-商業授權)
- [❤️ 贊助者](#️-贊助者)
## 📺 示範
## 👋🏻 快速開始與加入社群
Read Frog 的願景,是為各種程度的語言學習者提供易用、智慧且個人化的學習體驗。在 AI 時代,這件事已經變得可行,但市場上仍很少有產品真正滿足這個需求。因此我們決定自己動手,讓世界最終不再依賴人類語言教師。
無論你是使用者還是開發者,Read Frog 都會是你走向這個願景的重要工具。Read Frog 目前仍在積極開發中,歡迎針對遇到的任何[問題][issues-link]提供回饋。
### 下載
| 瀏覽器 | 版本 | 下載 |
| ------- | ---------------------------------------------------------------------- | ------------------------------------------------------------------------ |
| Chrome | [![Chrome version badge][chrome-version-shield]][chrome-store-link] | [Chrome 線上應用程式商店][chrome-store-link] 或 [中國鏡像][crxsoso-link] |
| Edge | [![Edge version badge][edge-version-shield]][edge-store-link] | [Microsoft Edge 附加元件][edge-store-link] |
| Firefox | [![Firefox version badge][firefox-version-shield]][firefox-store-link] | [Firefox 附加元件][firefox-store-link] |
### 社群
| [![Discord badge][discord-shield-badge]][discord-link] | 在 Discord 提問並與開發者交流。 |
| :----------------------------------------------------- | :----------------------------------- |
| [![WeChat badge][wechat-shield-badge]][wechat-link] | 如果你在中國大陸,可以加入微信社群。 |
> \[!IMPORTANT]
>
> **⭐️ 幫我們加星**,你可以即時收到 GitHub 的所有發布通知。
[![Star this repo][image-star]][github-star-link]
Star 歷史
[![Back to top][back-to-top]](#readme-top)
## ✨ 功能
透過 Read Frog 的強大功能,把日常網頁閱讀變成沉浸式語言學習旅程。
### 🪄 [自訂 AI 指令][docs-tutorial]
把選取的文字變成符合你閱讀與學習習慣的可重複使用 AI 工具。你可以自訂提示詞和結構化輸出欄位,選擇供應商、模型與圖示,再直接從劃詞工具列執行,用於查詞、改寫、摘要、解釋或任何自訂工作流程。
可以從內建的**字典**和**改善寫作**範本開始,也可以從零建立。結構化結果還能對應並儲存到 Notebase,方便之後學習。
### 🧠 [單字卡與間隔重複][docs-tutorial]
將閱讀時遇到的單字、定義、例句、翻譯和筆記儲存到 Notebase,再透過可自訂的卡片範本產生單字卡。閱讀中發現的內容可以自然變成學習材料,不會打斷閱讀流程。
在線上複習到期卡片,並選擇**重來**、**困難**、**良好**或**簡單**。Read Frog 的間隔重複排程會根據你的回饋安排下次複習,讓卡片在你即將忘記之前再次出現。
### 🔄 [雙語 / 僅譯文][docs-tutorial]
在兩種翻譯顯示模式間順暢切換。**雙語模式**會同時顯示原文與譯文,適合學習與對照;**僅譯文模式**會直接替換原文,提供更清爽的閱讀體驗。
翻譯啟用時切換模式,擴充功能會自動重新翻譯所有可見內容,讓過渡更平順且不需要重新整理頁面。
### ✨ [劃詞翻譯][docs-tutorial]
在網頁上選取任何文字,即可顯示智慧工具列。**翻譯**會即時串流輸出結果,**解釋**會依照你的語言程度提供詳細說明,**朗讀**則可用文字轉語音唸出內容。
工具列會自動定位在視窗內,支援拖曳互動,並能在各種網站上運作,非常適合閱讀時快速查詢。
### 🧠 [上下文感知翻譯][docs-tutorial]
讓 AI 理解你正在閱讀內容的完整上下文。啟用後,Read Frog 會擷取頁面標題與精簡的 Markdown 頁面內容,交給 AI 產生更準確、更貼合語境的翻譯。
技術術語會依所屬領域正確翻譯,文學表達能保留細膩語感,歧義片語也會依上下文而不是孤立文字來解讀。
### 🎬 [字幕翻譯][docs-tutorial]
直接在影片播放器中翻譯 YouTube 字幕。觀看外語內容時,譯文會與原始字幕一起顯示,讓影片也能成為語言學習素材。
### 🔊 [文字轉語音 (TTS)][docs-tutorial]
使用高品質 AI 語音朗讀任何選取文字。由 **Edge TTS** 驅動,完全免費,提供 150+ 種語音並支援 80+ 種語言,包括中文、英文、日文、韓文等。你可以自由調整語速、音調與音量。
自動語言偵測與依語言對應語音,能為每種語言選擇最合適的聲音。智慧句子切分能自然處理長文本並預先載入下一段,適合發音練習與聽力學習。
### 📦 [批次請求][docs-tutorial]
透過智慧批次處理,最多可節省 70% API 成本。Read Frog 會把多個翻譯請求合併為一次 API 呼叫,在維持品質的同時降低開銷與 token 使用量。
系統包含指數退避重試機制,並在批次失敗時自動退回單次請求,所有流程都會在背景透明處理。
### 🤖 [20+ AI 服務商][docs-tutorial]
透過 Vercel AI SDK 連接 20+ AI 服務商:OpenAI、DeepSeek、Anthropic Claude、Google Gemini、xAI Grok、Groq、Mistral、Ollama 等。你可以為每個服務商設定自訂端點、API 金鑰與模型。
此外也提供免費翻譯選項:Google 翻譯、Microsoft 翻譯與 DeepLX,適合零成本的基礎翻譯。
[![Back to top][back-to-top]](#readme-top)
## 🤝 貢獻
我們歡迎各種類型的貢獻。
1. 向朋友和家人推薦 Read Frog。
2. 回報[問題][issues-link]並提供回饋。
3. 貢獻程式碼。
### 貢獻程式碼
專案結構:[DeepWiki](https://deepwiki.com/mengxi-ream/read-frog)
請 AI 理解專案:[Dosu](https://app.dosu.dev/29569286-71ba-47dd-b038-c7ab1b9d0df7/documents)
更多詳情請參考[貢獻指南](https://readfrog.app/en/docs/code-contribution/contribution-guide)。
ReadFrog 採用 GPLv3 與商業授權雙重授權。
貢獻者授權條款請參閱 [CONTRIBUTING.md](../CONTRIBUTING.md)。
[![Back to top][back-to-top]](#readme-top)
## 📜 商業授權
**美團 Tabbit 瀏覽器團隊**:免費授權閉源商業使用,授權範圍限於 v1.21.3 及之前版本(commit [`724863f`](https://github.com/mengxi-ream/read-frog/commit/724863fdbc2d777766cada6c111235534ee03ca0))。授權日期:2026 年 3 月 3 日上午 9:00(溫哥華時間,UTC-8)。
[![Back to top][back-to-top]](#readme-top)
## ❤️ 贊助者
每一筆贊助都能幫助我們打造更好的語言學習體驗。感謝你支持我們的使命!
[![Sponsors][sponsor-image]][sponsor-link]
[![Back to top][back-to-top]](#readme-top)
[back-to-top]: https://img.shields.io/badge/-回到頂部-151515?style=flat-square
[chrome-store-link]: https://chromewebstore.google.com/detail/read-frog-open-source-ai/modkelfkcfjpgbfmnbnllalkiogfofhb
[chrome-users-shield]: https://img.shields.io/chrome-web-store/users/modkelfkcfjpgbfmnbnllalkiogfofhb?style=flat-square&label=Chrome%20Users&color=yellow&labelColor=black
[chrome-version-shield]: https://img.shields.io/chrome-web-store/v/modkelfkcfjpgbfmnbnllalkiogfofhb?style=flat-square&label=Chrome%20Version&labelColor=black&color=yellow
[contributors-link]: https://github.com/mengxi-ream/read-frog/graphs/contributors
[contributors-shield]: https://img.shields.io/github/contributors/mengxi-ream/read-frog?style=flat-square&labelColor=black
[crxsoso-link]: https://www.crxsoso.com/webstore/detail/modkelfkcfjpgbfmnbnllalkiogfofhb
[chinese-shield]: https://img.shields.io/badge/%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-gray?style=flat-square
[discord-link]: https://discord.gg/ej45e3PezJ
[discord-shield]: https://img.shields.io/discord/1371229720942874646?style=flat-square&label=Discord&logo=discord&logoColor=white&color=5865F2&labelColor=black
[discord-shield-badge]: https://img.shields.io/badge/chat-Discord-5865F2?style=for-the-badge&logo=discord&logoColor=white&labelColor=black
[edge-store-link]: https://microsoftedge.microsoft.com/addons/detail/read-frog-open-source-a/cbcbomlgikfbdnoaohcjfledcoklcjbo
[english-shield]: https://img.shields.io/badge/English-gray?style=flat-square
[firefox-store-link]: https://addons.mozilla.org/firefox/addon/read-frog-open-ai-translator/
[firefox-version-shield]: https://img.shields.io/amo/v/read-frog-open-ai-translator?style=flat-square&label=Firefox%20Version&labelColor=black&color=orange
[firefox-users-shield]: https://img.shields.io/amo/users/read-frog-open-ai-translator?style=flat-square&label=Firefox%20Users&color=orange&labelColor=black
[edge-users-shield]: https://img.shields.io/badge/dynamic/json?style=flat-square&logo=microsoft-edge&label=Edge%20Users&query=%24.activeInstallCount&url=https%3A%2F%2Fmicrosoftedge.microsoft.com%2Faddons%2Fgetproductdetailsbycrxid%2Fcbcbomlgikfbdnoaohcjfledcoklcjbo&labelColor=black
[edge-version-shield]: https://img.shields.io/badge/dynamic/json?style=flat-square&logo=microsoft-edge&label=Edge%20Version&query=%24.version&url=https%3A%2F%2Fmicrosoftedge.microsoft.com%2Faddons%2Fgetproductdetailsbycrxid%2Fcbcbomlgikfbdnoaohcjfledcoklcjbo&labelColor=black&prefix=v
[extension-release-shield]: https://img.shields.io/github/package-json/v/mengxi-ream/read-frog?filename=package.json&style=flat-square&label=Latest%20Version&color=brightgreen&labelColor=black
[github-release-link]: https://github.com/mengxi-ream/read-frog/releases
[github-star-link]: https://github.com/mengxi-ream/read-frog/stargazers
[image-banner]: ../assets/banner-zh.png
[image-star]: ../assets/star.png
[issues-link]: https://github.com/mengxi-ream/read-frog/issues
[issues-shield]: https://img.shields.io/github/issues/mengxi-ream/read-frog?style=flat-square&labelColor=black
[japanese-shield]: https://img.shields.io/badge/%E6%97%A5%E6%9C%AC%E8%AA%9E-gray?style=flat-square
[korean-shield]: https://img.shields.io/badge/%ED%95%9C%EA%B5%AD%EC%96%B4-gray?style=flat-square
[last-commit-shield]: https://img.shields.io/github/last-commit/mengxi-ream/read-frog?style=flat-square&label=commit&labelColor=black
[russian-shield]: https://img.shields.io/badge/%D0%A0%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9-gray?style=flat-square
[sponsor-image]: https://cdn.jsdelivr.net/gh/mengxi-ream/static/sponsorkit/sponsors.svg
[sponsor-link]: https://github.com/sponsors/mengxi-ream
[sponsor-shield]: https://img.shields.io/github/sponsors/mengxi-ream?style=flat-square&label=Sponsor&color=EA4AAA&labelColor=black
[spanish-shield]: https://img.shields.io/badge/Espa%C3%B1ol-gray?style=flat-square
[star-history-link]: https://www.star-history.com/#mengxi-ream/read-frog&Timeline
[star-history-shield]: https://img.shields.io/github/stars/mengxi-ream/read-frog?style=flat-square&label=stars&color=yellow&labelColor=black
[traditional-chinese-shield]: https://img.shields.io/badge/%E7%B9%81%E9%AB%94%E4%B8%AD%E6%96%87-gray?style=flat-square
[turkish-shield]: https://img.shields.io/badge/T%C3%BCrk%C3%A7e-gray?style=flat-square
[vietnamese-shield]: https://img.shields.io/badge/Ti%E1%BA%BFng%20Vi%E1%BB%87t-gray?style=flat-square
[website]: https://readfrog.app
[wechat-link]: ../assets/wechat-account.jpg
[wechat-shield-badge]: https://img.shields.io/badge/chat-WeChat-07C160?style=for-the-badge&logo=wechat&logoColor=white&labelColor=black
[docs-tutorial]: https://readfrog.app/docs