Notification 弹出一个通知在桌面右下角

2019-08-14 10:30:42来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

              if (!("Notification" in window)) {
                            //alert("This browser does not support desktop notification");
                          }
                          if (Notification.permission !== 'denied') {//判断是否授权,没授权先授权在通知
                                Notification.requestPermission(function (permission) {
                                  // 如果用户同意,就可以向他们发送通知
                                  if (permission === "granted") {
                                    
                                    var notice_ = new Notification('通知', { body: '你有一条信息'});
                                    notice_.onclick = function() {//单击消息提示框,进入浏览器页面
                                        window.focus();
                                    }
                                  }
                                });
                            }
                          if (Notification.permission === 'denied') {//已授权直接通知
                                Notification.requestPermission(function (permission) {
                                      // 如果用户同意,就可以向他们发送通知
                                      if (permission === "granted") {
                                       
                                        var notice_ = new Notification('通知', { body: '你有一条信息'});
                                        notice_.onclick = function() {//单击消息提示框,进入浏览器页面
                                            window.focus();
                                        }
                                      }
                                    });
                            }

ps : 谷歌浏览器需要是https的网址,不然会提示不安全, 不能修改通知权限,无法实现弹框


原文链接:https://www.cnblogs.com/gczmn/p/11327341.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JavaScript之基本概念(一)

下一篇:前端笔记之微信小程序(四)WebSocket&Socket.io&摇一摇