H5 端唤醒 win10 消息通知

韩小韩
2020-11-06 / 2 评论 / 774 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2020年11月06日,已超过1267天没有更新,若内容或图片失效,请留言反馈。
浏览器也可以调用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: '欢迎访问韩小韩博客~~~'
        })
        notification.onclick = function () {
            window.open('https://baidu.com')
            notification.close()
        }
    }
      /* 授权过通知 */
    if (Notification.permission === 'granted') {
        popNotice()
    } else {
        /* 未授权,先询问授权 */
        Notification.requestPermission(function (permission) {
            popNotice()
        })
    }
}
0

评论 (2)

取消
  1. 头像
    iOS 14.2 iOS 14.2 / 手机QQ 手机QQ 中国浙江省金华市奇虎360电信节点

    这个也太棒了,系统直接弹出来了,秀,

    回复
    1. 头像
      韩小韩 作者
      Windows 10 Windows 10 / QQ 浏览器 QQ 浏览器 中国浙江省金华市奇虎360电信节点
      @

      是呢

      回复