html5桌面通知(Web Notifications)实例解析_html5教程技巧

<script><br /> var Notification = window.Notification || window.mozNotification || window.webkitNotification;<br /> <br /> Notification.requestPermission(function (permission) {<br /> // console.log(permission);<br /> });<br /> <br /> function show() {<br /> var instance = new Notification(<br /> "test title", {<br /> body: " test message"<br /> }<br /> );<br /> <br /> instance.onclick = function () {<br /> // Something to do<br /> };<br /> instance.onerror = function () {<br /> // Something to do<br /> };<br /> instance.onshow = function () {<br /> // Something to do<br /> };<br /> instance.onclose = function () {<br /> // Something to do<br /> };<br /> <br /> return false;<br /> }<br /></script>

window.addEventListener('load', function () {
// At first, let's check if we have permission for notification
if (Notification && Notification.permission !== "granted") {
Notification.requestPermission(function (status) {
if (Notification.permission !== status) {
Notification.permission = status;
}
});
}
});

Not a Bug, Feature.

Desktop Notifications can only be triggered via a user action. Typing into the
JavaScript console has the same effect as raw javascript code embedded into the web
page (no user action). Typing the javascript into the location bar, however,
represents a user-action (the user is intentionally visiting a javascript link to
enable notifications, probably for sites that tend to use href="javascript：" instead
of onclick="".

I'm pretty sure this is a non-issue.

function showMsgNotification(title, msg){
var Notification = window.Notification || window.mozNotification || window.webkitNotification;

if (Notification && Notification.permission === "granted") {
var instance = new Notification(
title, {
body: msg,
icon: "image_url"
}
);

instance.onclick = function () {
// Something to do
};
instance.onerror = function () {
// Something to do
};
instance.onshow = function () {
// Something to do
// console.log(instance.close);
setTimeout(instance.close, 3000);
};
instance.onclose = function () {
// Something to do
};
}else if (Notification && Notification.permission !== "denied") {
Notification.requestPermission(function (status) {
if (Notification.permission !== status) {
Notification.permission = status;
}
// If the user said okay
if (status === "granted") {
var instance = new Notification(
title, {
body: msg,
icon: "image_url"
}
);

instance.onclick = function () {
// Something to do
};
instance.onerror = function () {
// Something to do
};
instance.onshow = function () {
// Something to do
setTimeout(instance.close, 3000);
};
instance.onclose = function () {
// Something to do
};

}else {
return false
}
});
}else{
return false;
}

}