如何在 javascript 通知上添加链接

问题描述

我已使用以下代码在我的应用程序上成功添加了 JavaScript 通知，但现在我想在单击通知时实现重定向链接。我在这里查看了不同的主题，并使用 addEventListener 尝试了几件事情，但它们都没有奏效（我是 JavaScript 的新手）。 有人有解决办法吗？

if(document.querySelector('.notification') != null) {
      Notification.requestPermission()
        .then(permisssion => {
            if (permisssion === 'granted') {
                navigator.serviceWorker.ready;
            }
        }).then(() => navigator.serviceWorker.register('service-worker.js'))
        .then(registration => registration.showNotification('? magasin Alltricks de bron',{
            body: 'Un client a besoin de vous,si vous êtes disponible,allez sur l interface vendeur pour vous y positionner',}));
  };

解决方法

虽然您无法在通知中添加链接，但您可以通过让用户点击通知然后将其重定向到所需页面来创建类似的体验

const redirectURL = "https://www.google.com/"
const yourNotification = new Notification(`Open ${redirectURL} ?`)
yourNotification.onclick = () => { 
     window.open(redirectURL) 
}

确保在尝试显示通知之前请求权限

if (Notification.permission !== "denied" && Notification.permission !== "granted") {
    Notification.requestPermission()
}