How can I open a web page when someone installs my firefox extension?

[Sandro Linux]

How can I open a new tab with a web page when someone installs my firefox extension so I can show a welcome message?

 

[guitargirl15]

https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/create

[MotionFlex]

Essentially, what guitargirl15 said. You will also want to check out: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/onInstalled. This event handler can be added to your background page, and will fire whenever a user install/update your extension.

 

Something like this:

browser.runtime.onInstalled.addListener(details => { 
    if(details.reason == "install") {
    	browser.tabs.create({
        	url: "https://example.com" //Your page goes here
        });
    }
});

 

You can also store the page inside your extension and use:

browser.runtime.getURL("/path/to/mywebpage.html")

to get a URL for it.

[Sandro Linux]

On 3/5/2021 at 5:00 PM, MotionFlex said:

Essentially, what guitargirl15 said. You will also want to check out: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/onInstalled. This event handler can be added to your background page, and will fire whenever a user install/update your extension.

 

Something like this:

browser.runtime.onInstalled.addListener(details => { 
    if(details.reason == "install") {
    	browser.tabs.create({
        	url: "https://example.com" //Your page goes here
        });
    }
});

 

You can also store the page inside your extension and use:

browser.runtime.getURL("/path/to/mywebpage.html")

to get a URL for it.

Thanks super appreciated! It is working! 

[Sandro Linux]

On 3/5/2021 at 5:00 PM, MotionFlex said:

Essentially, what guitargirl15 said. You will also want to check out: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/onInstalled. This event handler can be added to your background page, and will fire whenever a user install/update your extension.

 

Something like this:

browser.runtime.onInstalled.addListener(details => { 
    if(details.reason == "install") {
    	browser.tabs.create({
        	url: "https://example.com" //Your page goes here
        });
    }
});

 

You can also store the page inside your extension and use:

browser.runtime.getURL("/path/to/mywebpage.html")

to get a URL for it.

Do you know why isn't this working?

setInterval(function(){browser.runtime.onInstalled.addListener(details => { 
    if(details.reason == "install") {
       browser.tabs.create({
           url: "https://kagi.com/"
        });
    }
 });}, 3000);

 

[MotionFlex]

7 hours ago, Sandro Linux said:

Do you know why isn't this working?

setInterval(function(){browser.runtime.onInstalled.addListener(details => { 
    if(details.reason == "install") {
       browser.tabs.create({
           url: "https://kagi.com/"
        });
    }
 });}, 3000);

 

I'm not entirely sure what you want to do. I am guessing the reason that code doesn't work is, by the time you add the event listener, the Installed event has already fired. If you want to delay the opening of the webpage, you should delay the call to browser.tabs.create. Also, use setTimeout instead, as setInterval will repeatedly invoke the callback function, every 3000ms in this case until you clear it, whilst setTimeout only calls it once after 3000ms.

 

Like this:

browser.runtime.onInstalled.addListener(details => {
    if (details.reason == "install") {
        setTimeout(() => {
            browser.tabs.create({
                url: "https://kagi.com/"
            });
        }, 3000);
    }
});