新手應該如何用AI編程開發瀏覽器插件
整理版優先睇
用AI編程開發瀏覽器插件，新手只需三步：開資料夾、輸入需求、載入擴展。
呢篇文章係大瑜根據自身經驗寫嘅。佢用AI編程開發過唔少瀏覽器插件，包括去水印插件同企業舊系統增強插件，體會到插件開發對新手嚟講係一個好嘅切入點。佢想破解「瀏覽器插件好技術」呢個誤解，指出插件其實就係喺網頁上加功能或者攞資訊。用ClaudeCode加國產模型，你可以直接用自然語言描述需求，AI會幫你生成完整代碼。整體嚟講，只要跟住三個步驟，新手都可以整到一個簡單插件。
插件嘅商業模式係「解決一個小問題就有人用」。大瑜自己嘅插件有幾千下載量，幫公司整插件都有幾百蚊收入。佢建議新手可以整圖片批量提取、文案一鍵複製、表格導出或者大模型總結呢啲插件練手。呢啲項目難度適中，又可以實際應用。
開發步驟好簡單：開一個新文件夾，用ClaudeCode輸入需求同注意事項（例如用V3版本、唔好生成icon），然後打開瀏覽器擴展程式嘅開發者模式，載入文件夾就得。不過有幾個踩坑位：manifest版本寫錯、icon路徑報錯、權限無配置、修改後唔識刷新。遇到問題直接將錯誤訊息貼畀AI，佢會識得點改。呢啲經驗可以幫新手慳好多時間。
- 用AI編程開發瀏覽器插件，新手只需三步就做到，核心係用自然語言描述功能。
- 方法：用ClaudeCode加國產模型，喺新文件夾輸入需求同注意事項，AI自動生成代碼。
- 插件唔係高深技術，本質係攞網頁資訊、加額外功能、識別內容，適合解決小問題。
- 插件有商業價值，即使只解決一個小問題都可能有人用，例如大瑜嘅去水印插件有兩千下載。
- 新手可以揀圖片批量提取、文案複製、表格導出或大模型總結插件練手，留意用V3版本、避免生成icon、配置權限。
瀏覽器插件係乜？點解對新手有用？
唔複雜，就係幫你喺網頁上完成額外事情
好多人覺得瀏覽器插件好技術，其實可以理解成一個幫手，喺你打開網頁嗰陣自動做啲嘢。例如自動翻譯、加新功能、識別內容。總括嚟講離唔開三件事：
- 獲取當前網頁嘅信息
- 畀網站增加額外功能，例如下載按鈕、複製功能
- 識別網站表格、文本等內容
用AI編程開發插件：三步搞掂
成個過程好簡單，工具係ClaudeCode加國產模型。好多人都唔知ClaudeCode可以接入國產模型，呢個係關鍵。
- 1 第一步：新建一個文件夾。
- 2 第二步：輸入需求。建議清楚列出功能同注意事項，例如用Google最新嘅V3版本、唔好生成icon、保證可以運行。
- 3 第三步：打開瀏覽器嘅擴展程式頁面，開啓開發者模式，點「加載未打包的擴展程序」，揀你嘅文件夾就得。
新手練手項目建議
大瑜建議新手由呢幾個項目開始，難度適中又可以實際應用：
- 圖片批量提取插件
- 文案一鍵複製插件
- 表格數據導出插件
- 大模型一鍵總結插件（可能需要調用DeepSeek）
呢啲項目都係解決具體小問題，容易上手
踩坑指南：避開常見問題
新手成日會遇到幾個問題，記低呢啲可以慳唔少時間：
- 1 manifest版本寫錯：記得叫AI用V3版本。
- 2 圖標路徑報錯：AI生成嘅icon好多時開唔到，最好一開始就話「唔好生成icon」。
- 3 權限無配置：攞網站內容需要權限，將錯誤直接話畀AI知。
- 4 插件修改唔生效：去擴展程式頁面按刷新按鈕就得。
AI 編程最近好興，大瑜上期嘅 claudeCode + 國產模型訓練營，普通人用 AI 編程都可以開發工具喇。
尋日大瑜講咗點樣用 AI 開發個人網站。
今日大瑜介紹新手點用 AI 編程開發瀏覽器插件。
瀏覽器插件介紹
好多人覺得瀏覽器插件好「技術」，其實唔複雜，你可以咁樣理解：
即係當你打開網頁嘅時候，佢會額外幫你做啲嘢。
譬如：
1、打開網站，幫你自動將英文網站翻譯做中文
2、打開舊系統，可以幫你喺頁面加新掣、新功能，優化操作流程等。
總結落嚟就係呢三件事：
1、攞到當前網頁嘅資訊。
2、幫網站加額外功能，加個下載功能，加個按鈕複製功能，都係好快嘅事。
3、識別你網站嘅表格、文字等內容。
商業價值
而且對普通人來講，瀏覽器插件係一個好適合練手嘅細項目。只要解決一小類問題就有人用。
之前大瑜整嘅去水印瀏覽器插件，就有超過2000人下載
仲幫過一間公司整舊系統增強插件，佢哋原本嘅業務系統太舊，好難改，但又想喺頁面加啲快捷功能，大瑜用一個插件完美搞掂，仲賺咗幾百蚊。
大家可以打開 Google 應用市場，會發現有好多瀏覽器插件。
點樣用 AI 編程開發瀏覽器插件
用 AI 編程開發瀏覽器其實好簡單，我哋用嘅工具都係 claudeCode + 國產模型。
第一步：開一個新文件夾。
第二步：輸入你嘅需求。
建議咁樣：
我需要完成一個google瀏覽器插件，
需要實現功能：
1、2、3、
注意事項：
1、使用google最新的v3版本
2、如果不能幫我生成圖標，就不要生成插件icon圖標
3、生成完畢，務必保證可以運行。
第三步：打開瀏覽器安裝插件
㩒瀏覽器右上角嘅「擴展程序」圖示，打開擴展程序。
右邊打開「開發者模式」
㩒「加載未打包嘅擴展程序」，揀你啱先嘅文件夾就得。
建議新手整以下嘅插件練手
1、圖片批量提取插件
2、文案一鍵複製插件
3、表格數據導出插件
4、大模型一鍵總結插件，可能要 call deepseek。
踩坑指南：
1、manifest 版本寫錯，記得話俾 AI 知，用 V3 版本
2、圖示路徑報錯。
好多時，AI 會生成打唔開嘅 icon，所以建議新手一開始就講明：唔好生成 icon。
3、權限冇設定好，好多時攞網站內容需要權限。
解決方法：將錯誤 send 俾 AI 去搞掂。
4、插件修改咗冇生效
入去擴展程序，㩒更新掣，搞掂。
寫喺後面嘅話
呢啲就係大瑜開發瀏覽器插件嘅經驗，對新手好實用。當然，想連接大瑜嘅話，可以關注我。
AI編程最近很火，大瑜上一期的claudeCode+國產模型的訓練營，普通人也能用AI編程開發工具了。
昨天大瑜寫了如何用AI開發個人網站。
今天大瑜介紹新手應該如何用AI編程開發瀏覽器插件。
瀏覽器插件介紹
很多人覺得瀏覽器插件“很技術”，其實不復雜，你可以這樣理解：
就是在你打開網頁的時候，額外幫你完成一些事情。
譬如：
1、打開網站，幫你自動將英文網站翻譯成中文
2、打開老舊系統，可以幫你在頁面增加新的按鈕、新的功能，優化操作流程等。
總結下來就是這三件事情：
1、獲取當前網頁的信息。
2、給網站增加額外功能，加一個下載功能，加一個按鈕複製功能，都是分分鐘的事情。
3、識別你的網站表格、文本等內容。
商業價值
而且對普通人來說，瀏覽器插件是一個很適合練手的小項目。只要解決一小類問題就有人用。
之前大瑜做的去水印的瀏覽器插件，就有2000多人下載
也幫一個公司做過舊系統增強插件，他們原來的業務系統太老了，根本不好改，但又希望在頁面上增加一些快捷功能，大瑜通過一個插件完美解決，也帶來幾百元收益。
大家可以打開google應用市場，會發現有很多瀏覽器插件。
如何用AI編程開發瀏覽器插件
用AI編程開發瀏覽器其實很簡單， 咱們使用的工具還是claudeCode+國產模型。
第一步：新建一個文件夾。
第二步：輸入你的需求。
建議這樣：
我需要完成一個google瀏覽器插件，
需要實現功能：
1、2、3、
注意事項：
1、使用google最新的v3版本
2、如果不能幫我生成圖標，就不要生成插件icon圖標
3、生成完畢，務必保證可以運行。
第三步：打開瀏覽器安裝插件
點擊瀏覽器右上角：“擴展程序”圖標，打開擴展程序。
右側打開“開發者模式”
點擊“加載未打包的擴展程序”，選擇你剛才的文件夾即可。
建議新手做下面的插件練手
1、圖片批量提取插件
2、文案一鍵複製插件
3、表格數據導出插件
4、大模型一鍵總結插件，可能要調用deepseek。
踩坑指南：
1、manifest 版本寫錯 ，記得告訴AI，用V3版本
2、圖標路徑報錯。
很多時候，AI會生成無法打開的icon，所以新手建議剛開始就說明：不要生成icon。
3、權限沒有配置，很多時候獲取網站內容需要權限。
解決辦法：將錯誤發給AI去解決。
4、插件修改不生效
進入擴展程序，點擊刷新按鈕，解決。
寫在後面的話
這就是大瑜開發瀏覽器插件的經驗，對新手特別實用。當然，想要連接大瑜，可以關注我。