20 個 Chrome 擴充功能構思（以及擴充功能點樣製作同發布）

好嘅 Chrome 擴充功能構思，都係喺人哋本身已經用緊嘅頁面入面，做好一件範圍細而清晰嘅工作：令凌亂嘅畫面清爽啲、將內容儲存到某個工具、填寫重複嘅表格，或者為某個網站補上一個欠缺嘅功能。呢個唔單止係好嘅產品觸覺；Chrome 應用商店嘅品質指引規定，每個擴充功能都要有單一、範圍細而清晰嘅用途。以下有二十個構思，每個都講明適合對象、第一版做法、點樣收費同最難的地方，之後再講擴充功能點樣製作（Manifest V3）、發布同收費，資料截至 2026 年 10 月。

如果你想睇網頁應用嘅構思，可以參考微型 SaaS 構思或網頁應用構思。

二十個構思一覽

閱讀、研究同學習

1. 研究用分頁工作階段

• 適合對象： 同時開住 40 個分頁嘅學生同研究員。
• 第一版： 將一個視窗嘅分頁儲存為一個有名稱同附註嘅工作階段，之後可以重新打開。
• 收費方式： 免費，另加付費計劃以跨裝置同步。
• 最難的地方： 類別競爭激烈，要搵一個獨特的角度，例如跟截止日期綁定嘅工作階段。

2. 按網站設定嘅專注模式

• 適合對象： 經常因為一兩個網站而浪費好多時間嘅人。
• 第一版： 喺指定時段內，隱藏指定網站嘅動態消息或推薦內容，並提供「再畀我五分鐘」按鈕。
• 收費方式： 一次性付款，或者以小額訂閱換取排程同統計功能。
• 最難的地方： 網站經常改版，會令隱藏規則失效。

3. 可調校間距嘅閱讀模式

• 適合對象： 覺得密集文字難讀嘅讀者，包括部分有閱讀障礙（dyslexia）嘅人。
• 第一版： 簡化嘅文章檢視，可以調整字體、字距、行距同背景顏色。
• 收費方式： 多數免費；學校同機構可能會為統一部署而付費。
• 最難的地方： 要從凌亂嘅頁面中抽取正文。

4. 頁面重點標示同筆記

• 適合對象： 希望重點標示能夠保留喺頁面上嘅研究人員同寫作者。
• 第一版： 標示文字、加上筆記，重訪時仍可見，並可以匯出一個專案嘅所有筆記。
• 收費方式： 訂閱，用於同步同匯出。
• 最難的地方： 頁面稍為改動後，要重新搵返原本嘅重點標示。

5. 語言學習者嘅生字儲存工具

• 適合對象： 透過閱讀真實網站學習語言嘅人。
• 第一版： 雙擊一個字就將佢連同出處句子儲存，之後以字卡方式溫習已儲存嘅字。點樣製作字卡應用程式講解咗溫習嘅部分。
• 收費方式： 訂閱，用於溫習功能同同步。
• 最難的地方： 翻譯需要翻譯或 AI API，而每次請求都要收費，所以要預留預算。

6. 引文複製工具

• 適合對象： 學生同記者。
• 第一版： 按一下就可以將頁面嘅標題、作者、日期同網址，按你選擇嘅引文格式複製下來。
• 最難的地方： 中繼資料經常欠缺，所以要讓用戶可以自行編輯。

購物同日常

7. 超市網站嘅單位價格計算器

• 適合對象： 比較包裝大小嘅購物者。
• 第一版： 喺某一間超市嘅網站上，喺每件商品旁邊顯示每公斤或每件嘅價格，並可以按此排序。
• 收費方式： 細額一次性付款，或者免費。
• 最難的地方： 每間店嘅頁面都唔同，而且會改動，所以先由一間店開始。動手前要先睇清楚該網站嘅條款。

8. 會議連結整理

• 適合對象： 遙距工作者，佢哋嘅會議連結散落喺日曆邀請同電郵入面。
• 第一版： 偵測頁面上嘅會議連結，顯示一個乾淨嘅「加入」按鈕，並以你所在時區顯示時間。
• 最難的地方： 盡量只要求最少嘅權限。

9. 將樓盤或商品資料儲存到試算表

• 適合對象： 喺多個網站上睇樓、睇車或者比較租盤嘅人。
• 第一版： 一個按鈕，將一個資料項目嘅價格、位置、連結同你嘅筆記，儲存到同一張比較表格。
• 收費方式： 喺人哋搵樓嘅幾個月內以訂閱收費。
• 最難的地方： 好多地產網站喺條款中限制自動收集資料。只儲存用戶正在睇嘅內容，並由用戶自己按下去先執行。

10. 選取文字即時換算時區

• 適合對象： 遙距團隊，以及需要預約海外通話嘅人。
• 第一版： 喺任何頁面上選取一個似「3pm EST」嘅時間，就即時顯示喺你本地時間。
• 最難的地方： 時間格式多樣。

工作同團隊

11. 已儲存回覆插入工具

• 適合對象： 客服人員、招聘人員，以及每日要重複打同一類回覆嘅人。
• 第一版： 一個回覆範本庫，當中有佔位符（例如姓名、訂單編號）；用快速鍵就可以插入任何文字框。
• 收費方式： 按每位用戶每月收費，付費計劃再加上共用嘅團隊範本庫。
• 最難的地方： 不同網頁應用中嘅文字框行為各異，要測試你用戶會用嘅應用。

12. 儲存到 CRM 按鈕

• 適合對象： 喺網站上搵潛在客戶嘅自由工作者同細型銷售團隊。
• 第一版： 喺任何公司頁面上，將公司名稱、網址同一則筆記，儲存為你自己簡單 CRM 入面嘅潛在客戶。CRM 嘅部分可以用 CRM 製作工具建立；睇點樣製作 CRM。
• 收費方式： 按 CRM 訂閱收費；擴充功能只係其中一項功能。
• 最難的地方： 唔可以違反網站條款而收集個人資料；由用戶自行選擇要儲存咩。

13. 截圖變成附註嘅錯誤報告

• 適合對象： 產品同質素保證（QA）團隊。
• 第一版： 擷取當前可見嘅頁面，畫一個箭頭、加上一則附註，然後連同網址同瀏覽器資料，傳送到一個簡單嘅錯誤清單。怎樣寫好錯誤報告講解應該包括咩內容。
• 收費方式： 按每個團隊每月收費。
• 最難的地方： 已有好多同類工具，要連接到用戶本身追蹤錯誤嘅地方。

14. 求職申請記錄工具

• 適合對象： 喺好多網站申請工作嘅求職者。
• 第一版： 一按就將職位廣告嘅職稱、公司、連結同截止日期，儲存到一個追蹤器。參考點樣製作求職申請追蹤器。
• 收費方式： 細額訂閱；用戶受聘後通常就會離開。
• 最難的地方： 不同求職網站差異好大。

15. 用你自己資料製作嘅新分頁儀表板

• 適合對象： 希望每次開新分頁都睇到今日數字嘅小企業主。
• 第一版： 新分頁頁面顯示你自己應用程式入面今日嘅訂單、預約或註冊數字。資料部分可以用儀表板製作工具建立。
• 收費方式： 作為佢所讀取嘅應用程式嘅一部分收費。
• 最難的地方： 要確保 API 金鑰唔放入擴充功能入面；擴充功能應該連接你自己嘅後端，而唔係持有秘密金鑰。

16. 按單一寫作指南檢查文字

• 適合對象： 有自家寫作風格指南嘅內容團隊。
• 第一版： 按團隊編輯嘅清單，喺任何文字框中標示禁用詞、錯誤嘅產品名稱同拼寫變體。
• 收費方式： 按每個團隊每月收費。
• 最難的地方： 打字時絕對唔可以出現延遲。

17. 頁面變動監察

• 適合對象： 等緊某個頁面改變嘅人：例如搜尋結果頁、貨品存貨狀態，或者政策。
• 第一版： 揀選頁面上嘅某一部分，當它有改變時收到通知。
• 收費方式： 免費版提供少量監察，更多監察同更快嘅檢查次數則要付費。
• 最難的地方： 喺 Manifest V3 中，背景檢查由一個服務工作者執行，佢只會因事件或鬧鐘而喚醒，而且只喺 Chrome 運行時先會運作。要可靠而且頻密地檢查，通常需要伺服器。

開發者同設計師

18. 測試資料自動填寫表格工具

• 適合對象： 每日要填寫同一類表格嘅開發者同測試人員。
• 第一版： 一按就用逼真嘅假資料（姓名、地址、付款供應商文件中提供嘅測試卡號）填寫任何表格。
• 收費方式： 細額一次性收費，或者團隊授權。
• 最難的地方： 避免誤喺真實表格上填寫；限制只可以喺你揀選嘅網域上使用。

19. JSON 同 API 回應檢視工具

• 適合對象： 喺瀏覽器入面閱讀原始 API 回應嘅開發者。
• 第一版： 將 JSON 排版得整齊、收合各個區段、搜尋鍵名同複製路徑。什麼是 JSON解釋咗呢個格式。
• 最難的地方： 競爭非常激烈；要靠一項獨特功能突圍，例如比較兩個回應。

20. 無障礙快速檢查

• 適合對象： 檢視頁面嘅設計師同開發者。
• 第一版： 標示當前頁面中冇替代文字嘅圖片、對比度低嘅文字，以及冇標籤嘅表格欄位。點樣令你嘅網站無障礙列出咗基本要點。
• 收費方式： 附有已儲存報告嘅團隊方案。
• 最難的地方： 自動檢查只能捉到部分問題，要清楚講明呢一點。

Chrome 擴充功能點樣製作（Manifest V3）

根據 Google 嘅入門文件，擴充功能用嘅技術同網站一樣：HTML、CSS 同 JavaScript，加上 Chrome 嘅擴充功能 API。主要組成部分如下：

• manifest.json： 唯一必須嘅檔案。佢載有擴充功能嘅名稱同版本、權限，以及邊個腳本喺邊度執行。
• 服務工作者（Service worker）： 喺背景運行，處理瀏覽器事件。佢無法存取頁面內容，而且只喺有需要時先會運行。
• 內容腳本（Content scripts）： 喺網頁內運行嘅 JavaScript，用嚟讀取或更改頁面上嘅內容。
• 彈出視窗或工具列按鈕： 用戶按下你個圖示時會發生嘅事。
• 側邊欄： 緊貼頁面旁邊嘅面板，提供較完整嘅介面。

Google 喺 Manifest V3 概覽中解釋，有兩條 Manifest V3 規則會影響你可以製作咩：

• 唔可以遠端託管程式碼。 擴充功能只可以執行包內已有嘅 JavaScript。你仍然可以從伺服器攞資料，但唔可以攞新嘅程式碼。
• 背景工作由事件驅動。 服務工作者取代咗常駐嘅背景頁面，所以長時間運行嘅背景工作更難做。任何要可靠地按排程運行嘅工作，可能都需要伺服器。

Manifest V2 已經冇咗：Google 嘅棄用時間表話，應用商店喺 2022 年已經停止接受新嘅 MV2 擴充功能，並於 2026 年 8 月 31 日移除剩低嘅 MV2 擴充功能。舊教學用嘅 MV2 唔可以用喺新嘅擴充功能上。

AI 工具適合喺邊度用

AI 程式碼助手可以編寫擴充功能程式碼，然後你可以用開發人員模式，將資料夾以未封裝擴充功能嘅方式載入嚟測試。Mythex 呢類 AI 應用程式製作工具製作嘅係網頁應用同網站，而唔係擴充功能，但佢哋好適合用嚟做許多呢啲構思需要嘅配套網頁應用：帳戶、資料庫、儀表板同付款。秘密 API 金鑰要放喺伺服器上，永遠唔可以放喺擴充功能入面，因為任何人都可以讀取擴充功能嘅檔案。點樣保護 API 金鑰解釋咗原因。

喺 Chrome 應用商店發布

1. 註冊成為開發者。 Google 嘅註冊頁話你要打開開發者後台、同意開發者協議同政策，並支付一次性註冊費。頁面冇列出金額，所以要喺後台確認。Google 亦提到，帳戶電郵之後唔可以更改。
2. 準備商店資料： 名稱、描述、圖示、截圖，如果你處理用戶資料，就要有私隱政策。點樣撰寫服務條款同私隱政策可以幫到你。
3. 盡量少要求權限。 Google 嘅審核流程頁話，廣泛嘅主機權限（例如存取所有網站）、敏感權限（例如分頁、Cookie 或 webRequest）、龐大或難以審閱嘅程式碼，以及新開發者帳戶，都可能拉長審核時間。唔允許混淆程式碼。
4. 提交同等候。 Google 話大部分審核喺幾日內完成，但有啲可能要幾個星期。
5. 保持單一用途。 品質指引要求單一、範圍細而清晰嘅用途，並且禁止主要用途為投放廣告嘅擴充功能。

點樣為擴充功能收費

Chrome 應用商店已經唔再為擴充功能處理付款；Google 已棄用內置嘅付款功能，所以收費嘅擴充功能要用另一個付款處理商。常見嘅設定如下：

• 一個細型網頁應用，畀用戶註冊同付款，使用 Stripe 或 Paddle 等供應商。點樣為你嘅應用加入付款功能同Stripe 對 Paddle 對 Lemon Squeezy比較咗各個選擇。
• 擴充功能登入該網頁應用，並檢查用戶是否屬於付費計劃。

構思 11 至 15 最適合呢種模式。無論你揀邊個，都要由你自己喺瀏覽器中每日遇到嘅問題開始，並且喺製作前先驗證呢個構思。

常見問題