建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

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

来源:易助科技网浏览量:11收藏

简介

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

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


JS跨浏览器的桌面通知插件Push.js-示例图


使用

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