H5调用win10系统通知

大祥子

2021-04-06 / 0 评论 / 809 阅读 / 正在检测是否收录...

04/06

温馨提示：

本文最后更新于2021年04月06日，已超过1113天没有更新，若内容或图片失效，请留言反馈。

可以复制下来直接保存为.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>

H5调用win10系统通知

评论 (0)