谷歌 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 不支持