JS跨浏览器的桌面通知插件Push.js

简介

Push.js是一款跨浏览器的桌面通知插件，如果用户的浏览器不支持，则返回使用旧的实现。推送是启动和运行Javascript桌面通知的最快方式。作为官方规范的一个新添加，NotificationAPI允许Chrome、Safari、Firefox和IE 9+等现代浏览器将通知推送到用户的桌面。Push作为该API的跨浏览器解决方案，如果用户的浏览器不支持新的API，则返回使用旧的实现。

世界上最通用的桌面通知框架达。

使用

1.  引入 Push.js 文件

2.  用法

创建通知：创建一个最简单的应用只需一行代码。

Push.create('Hello World!')

权限询问：如果浏览器当前没有显示桌面通知的用户权限，它将在继续操作之前自动询问。想要更多选择吗？只需传入一个选项对象作为第二个参数。

Push.create("Hello world!", {
    body: "How's it hangin'?",
    icon: '/icon.png',
    timeout: 4000,
    onClick: function () {
        window.focus();
        this.close();
    }
});

关闭通知：如果您希望在通知自动关闭之前关闭通知，您有几个选项。您可以设置一个超时，调用Push的close()方法，也可以绕过通知的promise对象，然后直接调用close()。Push的close()方法只适用于较新的浏览器，接受通知的唯一标记名，并关闭它找到的带有该标记的第一个通知。

Push.create('Hello World!', {
    tag: 'foo'
});

// Somewhere later in your code...

Push.close('foo');

或者，您可以将Push返回的通知promise分配给一个变量，并使用promise的then（）方法直接关闭它：

var promise = Push.create('Hello World!');

// Somewhere later in your code...

promise.then(function(notification) {
    notification.close();
});

请注意，如果通知是由服务工作者生成的，则在通知包装中找到的函数将不会运行。就清除所有打开的通知而言，这同样简单：

Push.clear();

相关链接

官网地址 ：https://pushjs.org/

GitHub 地址 ：https://github.com/Nickersoft/push.js

Gitee 地址：https://gitee.com/mirrors/push-js