如何使用js來實現網頁通知功能。即使在用戶瀏覽其他頁面時,也能向他們推送通知信息。
廢話不多說直接上代碼
function showAutoNotification() {if ("Notification" in window) {Notification.requestPermission().then(function(permission) {if (permission === "granted") {var notification = new Notification("重 要 通 知", {body: "具體通知內容",});console.log("hook 200");setTimeout(function() {notification.close();}, 5500000);notification.onclick = function() {window.open("https://pan.zai1.com");};} else {alert("請打開網站通知,以便接收本站最新的消息。");console.log("當前瀏覽器禁止了網站推送");}});} else {console.log("當前瀏覽器不支持tuisong.js 請聯系在意博客");}
}setTimeout(showAutoNotification, 100);
代碼解析如下:
檢查瀏覽器是否支持Notification API。如果不支持,輸出一條消息并停止執行。
請求用戶的通知權限。
如果用戶同意接收通知,創建并顯示一個通知。通知的標題為"重 要 通 知",內容為"在意網盤,不限內容的網盤 pan.zai1.com"。
創建通知后,輸出 “hook 200”。
5500000毫秒(約為91分鐘)后,通知自動關閉。
如果用戶點擊通知,會打開"https://pan.zai1.com"這個網址。
如果用戶沒有同意接收通知,彈出一個提示對話框,并輸出一條消息。
本函數被設置為在頁面加載后的100毫秒后執行。