简易实用的Web Notification桌面通知

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Candy_yl/article/details/79263641

Web Notification桌面通知

项目需要，要利用google的notification实现新消息桌面提醒功能，之前研究了一下H5的Web Notification发现很简单，项目上线好久忘截图，直接上核心代码：

if (window.Notification) {
                document.getElementById('audio').play(); //音频
                Notification.requestPermission(function (permission) {
                    var notify = new Notification('您有新的担保咨询信息哦~', {
                        body: '姓名：'+nickname+',手机号：'+phone,            //内容      
                        icon: 'https://static.yudada.com/bankend/app-icon.png'  //图片
                    });
                    //下面实现点击提示回到浏览器并关闭提示
                    notify.onclick = function() {   
                        window.focus();                
                        notify.close();    
                    };
                });
   }