Web Notification簡單實現桌面消息通知（右下角提示）

js代碼:

//新信息桌面右下角提示
function mesgNotice(){
    if(window.Notification && Notification.permission !== "denied") {
        Notification.requestPermission(function(status) {
            var notice_ = new Notification('新的消息', { body: '您有新的消息'}); 
            notice_.onclick = function() {//單擊消息提示框，進入瀏覽器頁面
                window.focus();
            }
        });
    }    
}

 

瀏覽器通知權限選擇（請選允許）

效果圖：