如何在html5桌面通知中添加簡單鏈接

如何在html5桌面通知上添加簡單鏈接（a href）正文部分？我嘗試了onclick函數，但它的工作只有幾秒鐘。如果我嘗試按以後通知就會消失，而且什麼也不做。所以最好的方法是鏈接。我嘗試寫，但是然後只是將文本打印出來。如何在html5桌面通知中添加簡單鏈接

var notification = new Notification('title', { 
icon: '...', 
body: '<a href="#">aaa</a>' 
});

來源

2014-12-05 Rob

不幸的是，不支持HTML通知中的鏈接和其他標記。要得到一個通知一個可點擊的鏈接的唯一方法是使用onclick：

function makeNotification() { 
    var notification = new Notification('This is a clickable notification', {body: 'Click Me'}); 

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

function notifyMe() { 
    // Let's check if the browser supports notifications 
    if (!("Notification" in window)) { 
    alert("This browser does not support desktop notification"); 
    } 

    // Let's check if the user is okay to get some notification 
    else if (Notification.permission === "granted") { 
    // If it's okay let's create a notification 
    makeNotification(); 
    } 

    // Otherwise, we need to ask the user for permission 
    // Note, Chrome does not implement the permission static property 
    // So we have to check for NOT 'denied' instead of 'default' 
    else if (Notification.permission !== 'denied') { 
     Notification.requestPermission(function (permission) { 
      // If the user is okay, let's create a notification 
      if (permission === "granted") { 
      makeNotification(); 
      } 
     }); 
    } 
}

Mozilla將在https://developer.mozilla.org/en-US/docs/Web/API/notification

火狐擁有比Chrome通知，很短的時間更多的文件。無法控制Firefox中通知的顯示時間。

來源

2014-12-05 22:02:04 JasonCG

首先感謝響應。 :)通知工作正常，但只有幾秒鐘，例如在Firefox通知顯示和automaticaly幾秒鐘後消失，在鉻通知停留，但onclick將無法工作，幾秒鐘後再次等待。不知道爲什麼。 – Rob 2014-12-05 22:12:23

是的，我沒有注意到，一開始我在Chrome中測試，但之後我第一次發佈我的答案，我在Firefox中測試並看到同樣的事情。 Firefox通知的設計方式非常煩人。顯然，即使你使用SDK來製作附加組件，這也無法更改http://stackoverflow.com/questions/20456377/modifying-the-timeout-of-notifications-in-a-firefox-extension和https ：//bugzilla.mozilla.org/show_bug.cgi？id = 875114 – JasonCG 2014-12-05 22:16:43

您可以在每次關閉通知時重新創建通知，直到用戶明確關閉該通知爲止： http://stackoverflow.com/questions/25209805/how -do-i-keep-a-notification-open-in-firefox – JasonCG 2014-12-05 22:26:08

-2

插件目錄：「升」，在選項

options = { 
    dir : "ltr", 
    icon: "images/images.jpg", 
    body : "hello WOrld" 

    } 

new Notification("Current Notify",options);

來源

2015-08-17 13:43:26 Siddharth

添加'dir'只設置語言方向。 'ltr'的意思是從左到右。見[doc]（https://developer.mozilla.org//docs/Web/API/Notification/dir） – Bludwarf 2016-11-29 16:47:46

如何在html5桌面通知中添加簡單鏈接

回答

相關問題