This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to trigger desktop notification through a webpage?

  • 6
  • 1 nwere nsogbu anwere nsogbu a
  • 13 views
  • Nzaghachi ikpeazụ nke user1251572

more options

I am in need of doing some debugging work which entails me triggering a desktop notification through Firefox, now I am currently unable to do this with a normal webpage that would do this due to my current circumstances. However I still need to test this so I thought that perhaps I could create an HTML page and just include whatever is necessary to launch the desktop notification through Firefox. And then open that page in Firefox.

I am running Firefox 47 on Ubuntu GNOME 16.04 with GNOME 3.20, how can I trigger a desktop notification through a webpage? Is there some code I need to run or something?

I am in need of doing some debugging work which entails me triggering a desktop notification through Firefox, now I am currently unable to do this with a normal webpage that would do this due to my current circumstances. However I still need to test this so I thought that perhaps I could create an HTML page and just include whatever is necessary to launch the desktop notification through Firefox. And then open that page in Firefox. I am running Firefox 47 on Ubuntu GNOME 16.04 with GNOME 3.20, how can I trigger a desktop notification through a webpage? Is there some code I need to run or something?

Asịsa ahọpụtara

Do you mean a normal notification?

You can create an HTML file with this content:

<!DOCTYPE html><html><head><script type='text/javascript'>
var RunOnDomReady = function() {
function authorizeNotification(){Notification.requestPermission(function(perm){alert(perm);});}
function showNotification() {
 var notification = new Notification("This is a title", {
     dir: "auto",lang: "",body: "This is a notification body",tag: "sometag",
 });
}
document.querySelector("#authorize").onclick = authorizeNotification;
document.querySelector("#show").onclick = showNotification;
}
document.addEventListener("DOMContentLoaded", function(){RunOnDomReady();}, false);
</script></head><body><button id="authorize">Authorize notification</button><button id="show">Show notification</button></body></html>
Gụọ azịza a na nghọta 👍 0

All Replies (6)

more options

This is functionality offered by the website. It's nothing you can turn on if the site doesn't offer it. https://support.mozilla.org/kb/push-notifications-firefox

more options

christ1 said

This is functionality offered by the website. It's nothing you can turn on if the site doesn't offer it. https://support.mozilla.org/kb/push-notifications-firefox

Oh no, I didn't mean that I wanted to turn it on for a website which doesn't support it. I just meant that I want to know how to create an offline website which I can open and does support it so that I can test whether or not I get the desktop notification (as currently no website gives me one and I have been asked to do some debugging work).

more options

Asịsa Ahọpụtara

Do you mean a normal notification?

You can create an HTML file with this content:

<!DOCTYPE html><html><head><script type='text/javascript'>
var RunOnDomReady = function() {
function authorizeNotification(){Notification.requestPermission(function(perm){alert(perm);});}
function showNotification() {
 var notification = new Notification("This is a title", {
     dir: "auto",lang: "",body: "This is a notification body",tag: "sometag",
 });
}
document.querySelector("#authorize").onclick = authorizeNotification;
document.querySelector("#show").onclick = showNotification;
}
document.addEventListener("DOMContentLoaded", function(){RunOnDomReady();}, false);
</script></head><body><button id="authorize">Authorize notification</button><button id="show">Show notification</button></body></html>

Edeziri site na cor-el

more options

cor-el said

Do you mean a normal notification?

If by "normal" you mean just the normal desktop notifications (like I can get Gmail to give me when I receive an email), then yes.

more options

Did you try to open a file with the above posted HTML code to see if that is what you mean?

more options

Yes, that is what I wanted. Thank you and sorry for the delay in getting back to you.