chrome extension 開發~~有趣

chrome extension api reference: https://developer.chrome.com/docs/extensions/reference/

這篇說明得很好:

https://medium.com/%E9%BA%A5%E5%85%8B%E7%9A%84%E5%8D%8A%E8%B7%AF%E5%87%BA%E5%AE%B6%E7%AD%86%E8%A8%98/%E7%AD%86%E8%A8%98-%E5%BE%9E%E9%9B%B6%E9%96%8B%E5%A7%8B%E8%A3%BD%E4%BD%9C-chrome-%E5%A5%97%E4%BB%B6%E5%88%B0%E4%B8%8A%E6%9E%B6%E5%95%86%E5%BA%97-4971ed79ac77   

注意: 在套件中每使用一個 API，就需要先在 manifest 檔案裡請求使用該 API 的權限

基本需要的檔案有以下幾個：

1. manifest.json

2. background.js

3. content.js

4. images/image16.png    ( 用於右鍵選單中的項目icon 或 瀏覽器右上的套件顯示，亦可設定不同圖片)

5. popup.html 點開瀏覽器右上的icon時跳出的彈出窗

上架流程： https://developer.chrome.com/docs/webstore/publish/ 
簡單的說：
1. 須建立一個開發者帳戶，
2. 需繳一次性費用5美金/可上架20個extension)
3. 套件在正式被發佈到商店前，可能需要經過一系列的審查(為加快審查速度，有較基本的兩點可注意 a. 程式碼是否有好的可讀性與功能性（Performance Evaluation）b. 套件請求的權限範圍是否已盡可能最小化)

下面這個好像是firefox才用的，興趣缺缺

https://developer.mozilla.org/zh-TW/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension

https://developer.mozilla.org/zh-TW/docs/Mozilla/Add-ons/WebExtensions/Your_second_WebExtension