如何創建事件偵聽器，頁面腳本的自定義消息

Question

假設注入了一板：

//main.js 
    var ext = require("sdk/panel").Panel({ 
     width: 300, 
     height: 500, 
     contentScriptFile: [data.url("js/angular/angular.min.js"), 
          data.url("js/angular/angular-route.js"), 
          data.url("js/app.js"), 
          data.url("js/utilities.js"), 
          data.url("js/services.js"), 
          data.url("js/directives.js"), 
          data.url("js/controllers.js"), 
          data.url("js/popup.js")], 
     contentScriptWhen: "ready" 
    }); 

我可以附加一個偵聽DOM活動標籤的檢測某些事件：

if(window.customObj != undefined) 
{ 
    window.postMessage(window.customObj, window.location.href); 
} 

如何獲取我通過此自定義消息發送的對象popup.js或main.js？

Answer 1

您的主腳本只能與內容腳本進行通信，包括那些注入到標籤和注入到面板中的腳本。您的內容腳本可以與您的主要腳本和頁面腳本進行通信。因此，爲了從頁面腳本main.js得到的東西，你的路徑需要：

page script/DOM --> content script

content script --> main script

和可選main script --> panel script