1 <button onclick="notifyMe('master wei','http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png','我在測試谷歌通知功能','http://www.mi.com/')">通知!</button>
 2 <script>
 3 var sum = 0;
 4 document.addEventListener('DOMContentLoaded', function () {
 5   if (!Notification) {
 6         alert('Desktop notifications not available in your browser. Try Chromium.'); 
 7         return;
 8   }
 9   if (Notification.permission !== "granted"){
10         Notification.requestPermission();
11   }
12 });
13 function notifyMe(title,iconurl,bodyContent,openurl) {
14     sum ++;
15     if (Notification.permission !== "granted"){
16         Notification.requestPermission();
17     }
18     else {
19         var notification = new Notification(title, {
20             icon: iconurl,
21             body: bodyContent+sum,
22         });
23         notification.onclick = function () {
24               window.open(openurl);      
25         };
26       }
27 }
28 </script>

ios移動端不可用

Firefox 支持 ?，但通知過多后會顯示不完全

IE 不支持

轉載于:https://www.cnblogs.com/wzk1992/p/6640253.html

總結

以上是生活随笔為你收集整理的谷歌 notification 测试 页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。