瀏覽器發起桌面通知Notification.requestPermission
九段刀客 2020-01-08 11:22:35 358 收藏
分類專欄： chrome
版權
效果右下角提示
三種狀態權限
default
用戶還未被詢問是否授權，所以通知不會被顯示。參看 Getting permission 以了解如何請求顯示通知的權限。
granted
表示之前已經詢問過用戶，並且用戶已經授予了顯示通知的權限。
denied
用戶已經明確的拒絕了顯示通知的權限。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button onclick="notifyMe()">Notify me!</button>
<script>
function notifyMe() {
Notification.requestPermission(status=>{
if(status === 'granted'){
let notify = new Notification('ERP系統提示',{
icon:'./img/logo.png',
body:'您有新的待審批'
})
// 桌面消息顯示時
notify.onshow = ()=>{
let audio = new Audio('./mp3/test2.mp3');
audio.play();
}
// 點擊時桌面消息時觸發
notify.onclick = ()=>{
// 跳轉到當前通知的tab,如果瀏覽器最小化，會將瀏覽器顯示出來
window.focus()
}
}
})
}
</script>
</body>
</html>
————————————————
版權聲明：本文為CSDN博主「九段刀客」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/weixin_35958891/article/details/103888056