韩小韩博客

⎛⎝韩小韩博客⎠⎞ - 要变得更加完美。

统计
登录
用户名
密码

H5 端唤醒 win10 消息通知

2020-11-06
/
2 评论
/
188 阅读
/
正在检测是否收录...
11/06
浏览器也可以调用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()
        })
    }
}
win10消息通知H5端浏览器唤醒win10消息通知
朗读
赞(0)
赞赏
感谢您的支持,我会继续努力哒!

三合一收款

下面三种方式都支持哦

微信
QQ
支付宝
打开支付宝/微信/QQ扫一扫,即可进行扫码打赏哦
版权属于:

⎛⎝韩小韩博客⎠⎞ - 要变得更加完美。

本文链接:

https://www.vvhan.com/h5win10msg.html(转载时请注明本文出处及文章链接)

评论 (2)
  1. 作者
    iPhone · QQ Browser

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

    2020-11-24 回复
    1. 韩小韩 作者
      Windows 10 · QQ Browser
      @文

      是呢

      2020-11-24 回复