桌面通知API

Notification API
以前的桌面通知都是将消息放在一个div中（局限：仅在本网页有效，用户离开后即无效）
HTML5使用webkitNotification或者Notification生成的消息依附于浏览器

要生成一个桌面通知的流程：

• 检查浏览器是否支持Notification
• 检查浏览器的通知权限，必须允许通知才能生成消息
• 若权限不够，需要获取浏览器的通知权限
• 创建消息通知
• 展示消息通知
  

使用webkitNotification对象

document.getElementById("nButton").onclick = function(){

if(window.webkitNotifications){

if(webkitNotifications.checkPermission == 0 ){

var icon_url = "http://www.baidu.com/";
var title="桌面消息";
var body = "这是通过webkitNotifications对象发送的消息！";
var WebkitNotification = webkitNotifications.createNotification(icon_url, title, body);
WebkitNotification.show( );

}else{

document.getElementById("rButton").onclick = function( ){

webkitNotifications.requestPermission( );

};

}

}else alert("您的浏览器不支持桌面通知特性。");

};

checkPermission属性返回3个值：0允许；1不允许；2拒绝