谷歌 notification 测试 页面

 <button onclick="notifyMe('master wei','http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png','我在测试谷歌通知功能','http://www.mi.com/')">通知!</button>
 <script>
 var sum = 0;
 document.addEventListener('DOMContentLoaded', function () {
   if (!Notification) {
         alert('Desktop notifications not available in your browser. Try Chromium.');
         return;
   }
   if (Notification.permission !== "granted"){
         Notification.requestPermission();
   }
 });
 function notifyMe(title,iconurl,bodyContent,openurl) {
     sum ++;
     if (Notification.permission !== "granted"){
         Notification.requestPermission();
     }
     else {
         var notification = new Notification(title, {
             icon: iconurl,
             body: bodyContent+sum,
         });
         notification.onclick = function () {
               window.open(openurl);
         };
       }
 }
 </script>

ios移动端不可用

Firefox 支持  ，但通知过多后会显示不完全

IE 不支持