2016年6月18日 星期六

開發 Firefox webextensions addon

Firefox 從 47 之後,採用了 webextensions API,以前一直使用的 XUL 等就廢除無法使用,使得不少依存在 XUL 的 addon 通通不能用了。而 webextensions 要到 48 版才會有穩定版本,也就是該有的 API 實作會出來。

目前使用的是 46.01 ,裡面已經有部分可以使用的 webextensions 。故記錄一下設定開發環境的過程,以便下次回頭查詢。

1.首先,建立另一個 Profile,執行 firefox.exe -P 新增 dev。然後就可以用 firefox.exe -no-remote -P dev 當作開發環境。
2.安裝 DevPrefs 把開發環境設定好,這樣就不用一個一個設定了
3.Options -> Advanced -> Update 設定永不檢查更新,尤其是在用舊版程式作開發時,一不小時,Firefox 就更新了。
4.在網址列輸入 about:debugging 用 Load Temporary Add-on 把 manifest.json 載入 。
5.把 about:debugging 放入書籤中,並設定顯示書籤列。
6.因為每次修改,均要重啟 firefox,用 firefox.exe -no-remote -P dev 起動後,按 about:debugging,按 Load ... Addon,再按 Ctrl+Alt+Shift+I 開啟 Browser Toolbox 的除錯工具。就可以測試 addon 了。

至於 addon 的寫作,可參考 Your first WebExtension ,裡面也有範本,但要注意,有些範本使用到的 API 要到 48 版才有,若是用比 48 還早的版本,不是每一個都能正常運作。

沒有留言:

張貼留言