在写一个应用的时候需要显示网页来的消息,为了让用户不会错过消息,所以希望使用JS调用win10的通知消息,调用方法如下:
JS调用window.Notification()
1、在页面打开的时候查看浏览器是否支持Notification API,如果支持,则判断是否有权限通知,没有的话交由用户判断是否允许通知(JS代码):
// 判断浏览器是否支持唤醒
if (window.Notification) {
let popNotice = () => {
if (!Notification.permission === 'granted') return
const notification = new Notification('核客互动', {
body: '提示信息'
})
// 点击通知的回调函数
notification.onclick = function() {
window.open('https://baidu.com')
notification.close()
}
}
/* 授权过通知 */
if (Notification.permission === 'granted') {
popNotice()
} else {
/* 未授权,先询问授权 */
Notification.requestPermission(function(permission) {
popNotice()
})
}
}
2.将应用部署到服务器之后只有https协议的网页可以调用通知功能。
评论