how to create event listener to a custom message from page script

Question

Assume a panel injected:

   //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"
    });

I can attach a listener to DOM of the active tab to detect some events:

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

how to get the object I'm sending by this custom message inside popup.js or main.js?

willlma · Accepted Answer · 2014-10-08 00:36:00Z

2

Your main script can only communicate with content scripts, including those injected into tabs and those injected into panels. Your content scripts can communicate with your main scripts and with page scripts. So, in order to get something from a page script to main.js, your path needs to be:

page script/DOM --> content script

content script --> main script

And, optionally, main script --> panel script

edited Oct 8, 2014 at 0:36

answered Oct 7, 2014 at 23:11

willlma

7,5532 gold badges33 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to create event listener to a custom message from page script

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related