How to trigger desktop notification through a webpage?
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?
Chosen solution
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>
Read this answer in context
👍 0
All Replies (6)
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
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).
Chosen Solution
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>
Modified by cor-el
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.
Did you try to open a file with the above posted HTML code to see if that is what you mean?
Yes, that is what I wanted. Thank you and sorry for the delay in getting back to you.