Chrome 桌面通知Notification

時間 2019-12-08

標籤 chrome 桌面通知 notification 欄目 Chrome 简体版

原文原文鏈接

今天2016-11-18號，最新chrome版本：V50javascript

在網上找了很久都用不了，由於chrome版本已是V50了，chrome在V22版本以後就取消掉window.webkitNotifications通知。html

chrome如今走的是w3c標準化。java

W3C中關於通知文檔：web

https://www.w3.org/TR/notifications/

直接上代碼：ajax

<!DOCTYPE html>
<html>
<head>
<title>Google 桌面通知</title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv='content-type' content='text/html; charset=utf-8' />
</head>
<body>

<button id='btn'>顯示桌面通知</button> 

<script type='text/javascript'>
    Notification.requestPermission();
document.querySelector("#btn").addEventListener('click', notify, false);

function notify() {

        var notification = new Notification("標題：程序",{
            body : "內容content",
            icon : 'http://images0.cnblogs.com/news_topic/firefox.gif',
            sound:audioNotification(),
            tag : {} // 能夠加一個tag
        });
}

function audioNotification(){
    var yourSound = new Audio('http://df.notf.com/a.mp3');
    yourSound.play();
}
</script>
</body>
</html>

經過ajax定時獲取後臺是否有內容須要提醒，能夠寫一個方法chrome

notify('**同窗，有新的訂單提交','訂單號：1202100');
function notify(title,content) {

        var notification = new Notification("title",{
            body :content,
            icon : 'http://images0.cnblogs.com/news_topic/firefox.gif',
            sound:audioNotification(),
            tag : {} // 能夠加一個tag
        });
}

可實行桌面通知，帶標題、內容、圖標，重要的是能夠有聲音提示。ui