Skip to content

Chrome Extension Transport between popup and background page.

Notifications You must be signed in to change notification settings

Belyash/chrome-extension-transport

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

Chrome Extension Transport

Transport for Chrome Extension message passing between popup.html and background.html.

Example

At background.html init Messenger as SLAVE:

require(['messenger'], function (Messenger) {
    // ...
    // init Messenger as SLAVE
    var messenger = new Messenger();

    // subscribe to event from popup.html
    messenger.subscribe('popup.opened', function (data) {
        // When event will be published from popup.html:
        // data = { text: 'Popup opened!'}
    });

    // and then something happens - publish it
    messenger.publish('background.event', {text: 'Some text'});

    // ...
});

At popup.html init Messenger as MASTER:

require(['messenger'], function (Messenger) {
    // ...
    // init Messenger as MASTER
    var messenger = new Messenger(true);

    // subscribe to event from background.html
    messenger.subscribe('background.event', function (data) {
        // When event will be published from background.html:
        // data = { text: 'Some text' }
    });

    // and publish event to `background.html`
    messenger.publish('popup.opened', {text: 'Popup opened!'});

    // ...
});

About

Chrome Extension Transport between popup and background page.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published