chrome浏览器给windows通知中心发消息

最新推荐文章于 2025-01-15 17:33:59 发布

zx1323

最新推荐文章于 2025-01-15 17:33:59 发布

阅读量1.1k

点赞数 2

分类专栏：前端文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/zx1323/article/details/127215912

版权

前端专栏收录该内容

20 篇文章

订阅专栏

本文介绍如何检测浏览器是否支持通知功能，并实现自定义的通知弹窗。包括请求用户授权、显示带有链接回调的通知消息等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


// 判断浏览器是否支持唤醒
if (window.Notification) {
    let popNotice = () => {
        if (!Notification.permission === 'granted') return
        const notification = new Notification('测试通知', {
            body: '提示信息'
        })
        // 点击通知的回调函数
        notification.onclick = function() {
            window.open('https://baidu.com')
            notification.close()
        }
    }
    /* 授权过通知 */
    if (Notification.permission === 'granted') {
        popNotice()
    } else {
        /* 未授权，先询问授权 */
        Notification.requestPermission(function(permission) {
            popNotice()
        })
    }
}

=================

参考

https://blog.youkuaiyun.com/mouday/article/details/109994864

https://developer.mozilla.org/zh-CN/docs/Web/API/notification