如何设置浏览器通知

时间:2018-05-13 17:56:40

标签: javascript php notifications

我想使用chrome桌面通知提醒我的网站用户在我的网站上发布论坛,私信等新内容,但我不知道如何以正确的方式进行操作。有没有像我可以使用的库或jquery插件,因为我正在考虑使用ajax每30秒刷新一次PHP脚本。另外,我可以向没有打开我网站的用户发送通知,还是必须为此部分设置浏览器扩展程序?

到目前为止,我在另一个线程上发现了这个脚本,用于发送通知和请求权限。

<script type="text/javascript">
// request permission on page load
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() {
  if (Notification.permission !== "granted")
    Notification.requestPermission();
  else {
    var notification = new Notification('Notification title', {
      icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
      body: "Hey there! You've been notified!",
    });

    notification.onclick = function () {
      window.open("http://stackoverflow.com/a/13328397/1269037");      
    };

  }

}
</script>
<button onclick="notifyMe()">Notify me!</button>

0 个答案:

没有答案