WebNotify

What is WebNotify?

WebNotify是基于H5的Notifications API来实现的跨浏览器桌面通知解决方案。Notifications API允许现代浏览器（如Chrome，Safari，Firefox和Opera）将通知推送到用户的桌面，这是官方规范的一个新增功能。

Install

npm

npm install web-notify.js --save-dev

or yarn

yarn add web-notify.js --save-dev

Quick Start

Creating Your First Notification

WebNotify.create('Hello World!')

Want more options? Just pass in a options object as the second parameter:

import WebNotify from 'web-notify.js'

let options = {
  tag: '标签',
  requireInteraction: true,
  body: `内容`,
  icon: '图片地址',
  onClick: function () {
    console.log('点击事件');
    this.close();//关闭通知
  }
}
WebNotify.create(title, options);

Html

<script src="./wen-notify.js"></script>
<script type="text/javascript">
  WebNotify.create(title, options);
</script>

API

Option	Description
title	标题
body	正文
tag	用于标识通知的唯一标签。
requireInteraction	设置为true时，通知将不会关闭，除非用户手动关闭或点击它
icon	可以是图标图像的URL或包含16x16和32x32像素图标图像的数组
onClick()	点击通知回调
onClose()	通知关闭回调
onError()	通知错误回调
onShow()	通知显示回调

More

Web Notification API