查看Chrome已经授权的通知站点

chrome://settings/content/notifications

如何设置通知?

兼容性:IE系列不行,手机浏览器不行,其余都可以

代码:

<button id="notifyButton">Notification</button>

<script>
document.getElementById('notifyButton').onclick = function () {
      if(window.Notification && Notification.permission !== "denied") {
        Notification.requestPermission(function(status) {    // 请求权限
            if(status === 'granted') {
              
                // 弹出一个通知
                var n = new Notification('Title', {
                    body : 'I am a Notification',
                    icon : './images/test1.png'
                });
                // 两秒后关闭通知
                setTimeout(function() {
                    n.close();
                }, 5000);
            }
        });
    }
};
</script>

标签: none

添加新评论