本篇⽂章内容简单,速读只需两三分钟,通过这两三分钟的时间你就可以给⾃⼰的⽹站实现推送提醒的功能
Notification 类
简单明了,这个类就是负责推送消息的,只要⽤户当前没有关闭页⾯,及时是在使⽤其他程序,浏览器也能够将消息推送给⽤户
我们在⼿机上都收到过消息推送,在接收推送之前我们会先将消息推送权限开放给应⽤。在浏览器中也⼀样,在使⽤浏览器推送之前,需要先获取questPermission().then(permission => {
console.log(permission)
requestPermission ⽅法可以为当前域名请求消息推送的权限,这个⽅法可以使⽤ Promise 语法来实现请求结果的处理。当然,你也可以使⽤回调的⽅式来实现
permission 表⽰当前请求后⽤户的选择:允许推送 / 不允许推送,它的值也分别有两个 granted / denied,当我们发现⽤户不允许的推送的时候,就可以在回调中做出相应的提⽰,告诉⽤户可能会导致不能及时接收消息,并且告诉⽤户如果想要接收消息该如何操作等
由于推送的权限是基于域名的,因此同⼀个⽹站在请求⼀次权限后,下⼀次打开时就不会再次请求,⽽是直接通过第⼀次的⽤户选择来决定⽹站是否能向⽤户推送
因此我们就需要能够获取到当前⽹站的推送的状态,可以通过下⾯的这个属性来获取状态:
Notification.permission
如何启用javascript功能属性的值有三种:granted - 允许推送;denied - 拒绝推送;default - 还未申请权限
时,我们就可以向⽤户请求推送的权限了
扫码关注前端周记
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论