通知
通知比较常见的使用情景包括电商网站提醒用户一些关注商品的价格变化,或是在线聊天网站提醒用户收到了新消息等等。
使用 notification
本身非常简单,只需要一行代码,但在此之前需要一些准备工作。
- 注册
service worker
,获取注册对象。(service-worker.js
暂时不需要任何代码支持,空白文件也可)
- 使用 方法弹出通知。
本文的其余部分将默认已经获得通知权限,并已经获得 registration
对象,前面两个步骤不再赘述了。
参数
- options - 选填 对象类型 集合众多配置项,可用项如下:
RELAX!! 暂时我们还不需要关注这么多的配置项,下面会逐一讲述这些配置项及其产生的效果。
视觉部分
主要涉及通知的各类视觉相关的配置项,从而展现不同样式的通知,例如标题,内容,图标,图片等等。
常用实现
主要介绍在实际使用场景中通知的常见实现方式,例如关闭通知,合并通知等等。