H5调用win10系统通知

大祥子
2021-04-06 / 0 评论 / 123 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年04月06日,已超过235天没有更新,若内容或图片失效,请留言反馈。

可以复制下来直接保存为.html文件打开即可

<!DOCTYPE html>
<html>
<head>
    <title>H5调用win10系统通知</title>
</head>
<body>
<script type="text/javascript">
    // 先去判断浏览器是否支持唤醒
if (window.Notification) {
    let popNotice = () => {
        if (!Notification.permission === 'granted') return
        const notification = new Notification('您有一个新提醒', {
            body: '下班啦!快跑,赶紧跑!'
        })
        // 点击事件,点击后通知的跳转
        notification.onclick = function () {
            window.open('https://blog.fxnws.com')
            notification.close()
        }
    }
      /* 授权过通知 */
    if (Notification.permission === 'granted') {
        popNotice()
    } else {
        /* 未授权,先询问授权 */
        Notification.requestPermission(function (permission) {
            popNotice()
        })
    }
}
</script>
</body>
</html>
71

评论 (0)

取消