MENU

H5 端唤醒 win10 消息通知

• May 6, 2021 • 电影

浏览器也可以调用Win10系统的消息提示,纯JS代码,复制到HTML网页中直接打开即可。


代码

// 判断浏览器是否支持唤醒
if (window.Notification) {
    let popNotice = () => {
        if (!Notification.permission === 'granted') return
        const notification = new Notification('Hello', {
            icon: require('assets/images/panel/logo.png'),
            body: '欢迎访问API'
        })
        notification.onclick = function () {
            window.open('https://baidu.com')
            notification.close()
        }
    }
      /* 授权过通知 */
    if (Notification.permission === 'granted') {
        popNotice()
    } else {
        /* 未授权,先询问授权 */
        Notification.requestPermission(function (permission) {
            popNotice()
        })
    }
}
分享到微博 文章海报 打赏作者ing
QR Code for this page
¥打赏二维码
Leave a Comment

2 Comments
  1. sd sd

    demo

    1. ShaoYu ShaoYu

      @sd芜湖~~

alibaba bt