[Firefox附加組件]0004.上下文菜單項

在咱們日常瀏覽網頁是常常要對網頁類容進行一些操做處理，如複製，翻譯，搜索，打印打印等,今天咱們就學習下如何在Firefox中咱們如何經過附加組件實現這些操做。

開發步驟

---

1.終端窗口運行如下命令建立項目contextMenu

mkdir contextMenu
cd contextMenu
cfx init

 

2.打開contextMenu項目中lib目錄下的main.js文件，並添加如下內容

var contextMenu = require("sdk/context-menu");
 var menuItem = contextMenu.Item({
  label: "Log Selection",
  context: contextMenu.SelectionContext(),
  contentScript: 'self.on("click", function () {' +
                 '  var text = window.getSelection().toString();' +
                 '  self.postMessage(text);' +
                 '});',
  onMessage: function (selectionText) {
    console.log(selectionText);
  }
});

　　

3.終端進入contextMenu項目，執行cfx run，打開一個網頁，選擇內容右鍵。

 

4.選擇Log Selection 菜單，並查看終端窗口。

 

5.查看main.js文件，發現構造函數接受四個選項：label，context，和contentscript，onMessage

[1].label: 菜單顯示名稱。

[2].context: 上下文應該在不一樣的情境中顯示它該作的顯示。上下文菜單模塊提供了一些簡單的內置的上下文，包括selectioncontext()->(當頁面被選中的時候將會顯示菜單項),若是這些簡單的背景是不夠的，你能夠使用腳本定義更復雜的環境。

[3].contentscript: 操做處理腳本。咱們此次的處理是偵聽用戶點擊該項目，而後選定文本用消息發送到add-on。

[4].onMessage: 響應來自鏈接到上下文菜單項腳本報文的一種方法。咱們此次它只是記錄選定的文本

　　

 參考連接

---

context-menu: https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/context-menu

 

 

本站文章爲 寶寶巴士 SD.Team 原創，轉載務必在明顯處註明：（做者官方網站： 寶寶巴士 ) 
轉載自【寶寶巴士SuperDo團隊】 原文連接: http://www.cnblogs.com/superdo/p/4856846.html