JS唤醒Windows10/11消息通知

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