這次帶給大家H5實作桌面通知，H5實作桌面通知的注意事項有哪些，以下就是實戰案例，一起來看一下。
具體程式碼如下：
<button id="button">有人想加你为好友</button>
<p id="text"></p>
;(function (){
if(window.Notification){
var btn = document.getElementById("button");
var txt = document.getElementById("text");
btn.onclick = function (){
if(Notification.permission == "granted"){
popNotice();
}else if(Notification.permission != "denied"){
Notification.requestPermission().then(function (permission){
popNotice()
})
}
};
function popNotice(){
if(Notification.permission == "granted"){
var notification = new Notification("你好:",{
body:"请问今晚有空吗",
icon:"http://image.zhangxinxu.com/左边头像地址"
});
notification.onclick = function (){
txt.innerHTML = new Date().toTimeString().split(" ")[0]+"收到信息";
notification.close();
}
}
}
}else{
console.log("浏览器不支持Notification");
}
})();Notification.requestPermission()是個請求，讓瀏覽器出現是否允許通知的提示和Notification.permission 一樣回傳"3"個值"granted" "default" "denied" 戶允許通知, 用戶目前還沒有管, 用戶嫌棄
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是H5實現桌面通知的詳細內容。更多資訊請關注PHP中文網其他相關文章！
