How to get window.browser object for firefox in JavaScript or Angular?

Question

I am developing an Angular application to check whether my extension is installed or not in Firefox. For this I used window['browser'].runtime.sendMessage() . It will give a window.browser is not defined error, so I used it through a JavaScript file, and got the same error.

Code:

function sendMessagePromise(tabId, item) {
    return new Promise((resolve, reject) => {
        window.browser.runtime.sendMessage(tabId, item, response => {
            if (response != undefined) {
                resolve(true);
            } else {
                reject('Something wrong');
            }
        });
    });
}

Answer 1

Did you mean that you want an web service to know whether the extension is installed to the visitor's browser or not?

The object browser (and also chrome ) is available only in a script bundled to your extension. You need to use generic Web API to communicate between extension's script and webpage's script. See also: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts#Communicating_with_the_web_page