浏览器通知方法封装

为了使用浏览器通知方法更加便利，对浏览器通知方法进行封装

使用步骤

STEP1 安装模块

npm install browser-notice --save

STEP2 引入并使用模块

模块支持commonjs和AMD二种规范，同时也支持通过ES module方式使用

import Notice from 'browser-notice';
// let Notice = require("browser-notice");

Notice.show({
  title: "温馨提示",  // 通知标题
  body: "这是温馨提示的内容", // 通知文字内容
  icon: "图标链接", // 远程图片地址，或者转为base64的图片
  // 点击回调
  click(){
    console.log("click");
  },
  // 通知弹出成功回调
  success() {
    console.log("show");
  },
  // 通知弹窗错误回调
  error(err) {
    console.log(err);
  }
})

消息通知示例展示如下：

注：此方法只支持部分浏览器，兼容情况见如下MDN文挡说明

MDN文挡参考链接