Firefox附加元件 0002 新增選單項

2022-03-13 10:48:11 字數 1275 閱讀 6536

add-onsdk 還不能為火狐瀏覽器提供乙個api新增新的選單項。但它是可擴充套件的設計,所以任何人都可以建立和發布模組,使用外掛程式開發者。大牛埃里克沃爾德寫的menuitems模組,能夠使我們很方便的新增選單項。

開發步驟

1.老規矩首先建立乙個新的擴充套件程式。建立乙個目錄名稱為"itemtest"(自己隨便取),並執行cfx init初始化 。

mkdir itemtest

cd itemtest

cfx init

2.安裝 menuitems

3.檢查模組依賴

4.使用menuitems

[1].menuitems模組文件

告訴使用menuitem()建立乙個新的選單項. menuitem()可接受的附加選項, 我們將使用最迷你的配置:

[2].修改itemtest 專案下lib資料夾中的main.js,新增以下內容:

var menuitem = require("menuitems").menuitem(,

insertbefore: "menu_pageinfo"

});

5.為itemtest專案新增menuitems的依賴

[1].向itemtest專案下的package.json檔案新增下面一行內容

"dependencies": "menuitems"
6.進入itemtest專案,執行命令

cfx run
7.檢視firefox選單欄中得工具欄目

8.單擊itemtest -click me!,注意檢視終端控制台

向firefox中新增新的選單項,我們就愉快的完成了.

相關參考鏈結

menuitems 模組:

vold-utils 模組:  

menuitems模組文件: /blob/master/docs/menuitems.md

本站文章為寶寶巴士 sd.team

) **自【寶寶巴士superdo團隊】

Firefox附加元件 0003 彈出對話方塊

firefox中使用面板 panel 模組來顯示彈出對話方塊,面板的內容通過html編寫。你可以在面板上執行content script,儘管在面板裡的指令碼無法直接訪問外掛程式 但是你可以在面板指令碼和外掛程式 間交換資訊。這次,我們做了乙個會在單擊時顯示面板的動作按鈕。面板上有乙個 5.儲存下面...

微軟正在微軟Edge附加元件商店上測試第三方主題

能夠通過 第三方主題來定製edge的外觀是乙個使用者們期待已久的功能,但由於微軟不允許第三方開發者在商店上發布主題,所以從附加元件商店中無法實現。然而,這種情況已經發生了改變,因為微軟現在正在edge附加元件商店上測試第三方主題,允許使用者以更多的方式來定製瀏覽器。目前可以從商店中 的第三方主題並不...

瀏覽器的控制項 外掛程式 附加元件 擴充套件 應用的區別

在處理瀏覽器問題的時候,經常會接觸到這些名詞,大多時候都是混著用的,這樣子其實並沒有真正理解這些名詞指代的是什麼東西,也不好具體定位問題原因的。我根據自己使用瀏覽器的經驗,說說我的理解的這些東西的區別。首先對照一下中文和英文。控制項 activex 外掛程式 plugin 附加元件 addon 擴充...