html5底部悬浮添加到桌面,javascript
遗憾的是,HTML通知中不支持链接和其他标记.获取带有通知的可点击链接的唯一方法是使用onclick:
function makeNotification() {
var notification = new Notification('This is a clickable notification', {body: 'Click Me'});
notification.onclick = function () {
window.open('https://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();
}
});
}
}
与Chrome相比,Firefox的通知持续时间较短.无法控制Firefox中可见的通知时长.