欢迎光临散文网 会员登陆 & 注册

调用浏览器系统通知API

2023-05-31 17:49 作者:雨中豆芽  | 我要投稿

常用于用户最小化浏览器,或者切换到其他应用时,网页想通知用户最新消息的场景。例如对话新消息。

接收一个msg对象,对象包含通知展示的标题,内容等,也可添加一些其他信息,例如图片

function alter_news(msg) {

    if (window.Notification && Notification.permission !== undefined) {

        Notification.requestPermission((s)=>{

        if (s == 'granted') {

            let n = new Notification(msg.title,{

                body: msg.message

            })

            n.onclick = ()=>{

                window.open(window.location.href,'_bank').close()

                n.close()

            }

        }else {

            window.alert(msg.message)

        }

    })

    }

}

通知窗口我绑定了一个事件,用于使最小化的浏览器直接打开,由于没查到直接唤醒浏览器的API,所以做了一个平替方案,利用了window.open的“_bank”参数,会直接唤醒浏览器,再及时关闭新打开页面,效果一样。

详细请参考:https://developer.mozilla.org/zh-CN/docs/Web/API/Notifications_API

调用浏览器系统通知API的评论 (共 条)

分享到微博请遵守国家法律