如何向网站添加推送通知?

时间:2018-04-17 13:53:13

标签: javascript php html push-notification

我正在尝试向我的网站添加推送通知。当用户登录时,将向他们显示通知,提醒他们添加结果。我找到了镀铬弹出窗口的代码,但它似乎没有起作用。

<script>
Notification.requestPermission(function(status) {
    console.log('Notification permission status:', status);
});

function displayNotification() {
 if(Notification.permission=="granted"){
                    jQuery('#notification-head').hide();
                    notify=new Notification("New Blog Available",{
                    body:"Demo paragraph",
                    icon:'bg-Img.png',
                    tag:'12222'
                    });
                    notify.onclick=function(){
                    notify.close();
    }  
}
</script>

1 个答案:

答案 0 :(得分:1)

您需要在函数末尾添加花括号。你可以看看this example。此外,您永远不会调用displayNotification,您需要使用它:

Notification.requestPermission(function(status) {
  console.log('Notification permission status:', status);
  displayNotification();
});

function displayNotification() {
    if(Notification.permission == "granted"){
    $('#notification-head').hide();
    let notify = new Notification("New Blog Available", {
        body:"Demo paragraph",
        icon:'bg-Img.png',
        tag:'12222'
    });
    notify.onclick = function(){
     notify.close();
    }  
    }
}