chrome桌面通知

2015-09-21 16:40作者：yezheng

开启桌面提醒：三道杠-显示高级设置-内容设置-通知-允许所有网站显示桌面通知

<!DOCTYPE html>

<html>

<head>

<title>Google 桌面通知</title>

</head>

<body>

<button id='btn'>显示桌面通知</button>

document.querySelector("#btn").addEventListener('click', notifyMe, false);

// window.setInterval(function(){ notifyMe();}, 10000);

function notifyMe() {

var iconUrl = "http://health.jsk365.com/images/logo.png";

var content = "消息的内容。。。";

// Let's check if the browser supports notifications

if (!("Notification" in window)) {

alert("This browser does not support desktop notification");

}

// Let's check whether notification permissions have already been granted

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

// If it's okay let's create a notification

var notification = new Notification("您有一条新的消息",{"icon": iconUrl,"body": content});

}

// Otherwise, we need to ask the user for permission

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

Notification.requestPermission(function (permission) {

// If the user accepts, let's create a notification

if (permission === "granted") {

var notification = new Notification("您有新的消息");

}

});

}

// At last, if the user has denied notifications, and you

// want to be respectful there is no need to bother them any more.

}

</script>

</body>

</html>