html5 桌面消息,Html5桌面提醒

HTML>

HTML5桌面消息提示

function notify(title,content) {

if(!title && !content){

title = "桌面提醒";

content = "您看到此條資訊桌面提醒設定成功";

}

var iconUrl = "1.png";

if (window.webkitNotifications) {

//chrome老版本

if (window.webkitNotifications.checkPermission() == 0) {

var notif = window.webkitNotifications.createNotification(iconUrl, title, content);

notif.display = function() {}

notif.onerror = function() {}

notif.onclose = function() {}

notif.onclick = function() {this.cancel();}

notif.replaceId = 'Meteoric';

notif.show();

} else {

window.webkitNotifications.requestPermission($jy.notify);

}

}

else if("Notification" in window){

// 判斷是否有權限

if (Notification.permission === "granted") {

var notification = new Notification(title, {

"icon": iconUrl,

"body": content,

});

}

//如果沒權限，則請求權限

else if (Notification.permission !== 'denied') {

Notification.requestPermission(function(permission) {

// Whatever the user answers, we make sure we store the

// information

if (!('permission' in Notification)) {

Notification.permission = permission;

}

//如果接受請求

if (permission === "granted") {

var notification = new Notification(title, {

"icon": iconUrl,

"body": content,

});

}

});

}

}

}

Show Notification