html5新版桌面通知

旧的window.webkitNotifications 在chrome上没用了.找不到新的相关文章

window.Notification

Notification(title, options)
//@param {String} title 要显示的通知标题
//@param {Object} options 备选项参数，键值对
//option 结构如下
dictionary NotificationOptions {
  NotificationDirection dir = "auto";
  DOMString lang = "";
  DOMString body;
  DOMString tag;
  DOMString icon;//在实例化的时候会异步的去获取
};

//新建一个Notification实例,并根据permission为'granted'来完成notification的显示

var notification = new Notification('Hello Notification',{body:"I'm an enginneer!"});

Notification.permission:

'default' 等同于拒绝 'denied' 意味着用户不想要通知 'granted' 意味着用户同意启用通知

document.getElementById('test123466').onclick = function () {
    if (window.Notification){
        if(Notification.permission==='granted'){
            var notification = new Notification('Hello Notification',{body:"I hope that all the browser will support this function!"});
            setTimeout(function(){notification.close();},3000);
        }else {
                Notification.requestPermission();
        };
    }else alert('你的浏览器不支持此特性，请下载谷歌浏览器试用该功能');
};