如何通过chrome进行推送通知

我们希望通过网页向用户推送消息，利用本文中的 Web Notifications API

兼容性

  • Firefox 35+
  • Chrome 31+
  • Safari 7.1+
  • Opera 27+
  • Android Browser 4.4+

首先，我们需要判断浏览器是否支持Notification。如果通过Notification.requestPermission向用户请求权限，这是浏览器会弹出一个是否允许显示通知的提示

代码食用

<script>
 if(window.Notification && Notification.permission !== "denied") {
        Notification.requestPermission(function(status) {    // 请求权限
            if(status === 'granted') {
                // 弹出一个通知
                var n = new Notification('熊猫博客', {
                    body : '欢迎访问本站',
                    icon : '/icon.jpg'
                });
                // 2秒后关闭通知
                setTimeout(function() {
                    n.close();
                }, 2000);
            }
        });
    }
</script>

来源

点击访问