JS唤醒Windows10/11消息通知信息

JS唤醒Windows10/11消息通知信息

Hackeus
2022-07-25 / 0 评论 / 400 阅读 / 正在检测是否收录...

在写一个应用的时候需要显示网页来的消息,为了让用户不会错过消息,所以希望使用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协议的网页可以调用通知功能。

0

评论

博主关闭了所有页面的评论