push.js 介绍
Push.js是 一个 可以 快速 运行和接收的JavaScript桌面 通知 库,它 支持 IE9+,以及现代浏览器如:Chrome,Safari,Firefox。它可以应用在网页消息推送方面,而且简单易用。?
安装我们可以使用npm 快速 安装。
npm install push.js --save
使用运行push接收 通知 非常简单,以下 代码 就可以创建 一个 新的 通知 :
Push.create(' Hello World! ');
我们还可以传入参数对象,定制 通知 效果 ,
Push.create(" Hello World! ",{
body: "Welcome to Helloweba.net",
icon: '/icon.png',
timeout: 4000,
onClick: function () {
window.focus();
this.close();
}
});
我们也可以使用Push.close() 方法 来手动 关闭 通知 界面。
Push.create(' Hello World! ',{
tag: 'foo'
});
// Somewhere later in your code...
Push.close('foo');
选项和配置以下是常用的选项配置:
body: 通知 的主体 内容 。
data:数据传递给ServiceWorker 通知 。
requireIn tera ction:如果设置成true的话, 通知 不会 自动 关闭 ,除非人工手动点击 关闭 。
icon:可以设置 通知 界面上大小为16x16或32x32像素的小图标。
link:当 用户 点击移动设备上的 通知 时,则会导航到对应的 页面 上。
tag: 标记 通知 ,后面 关闭 通知 可以通过该 标记 来识别是要 关闭 哪条 通知 。
timeout: 通知 自动 关闭 的时间,毫秒。
onClick():回调,当点击 通知 界面的时候触发。
onClose():回调,当要 关闭 通知 的时候触发。
onError():回调,当 通知 抛出 错误 的时候触发。
onShow():回调,当 显示 通知 的时候触发。
Push.js还提供了 一个 .con fig () 方法 用于全局配置。
Push.con fig ({
serviceWorker: './customServiceWorker.js',// Sets a custom service worker script
fallback: function(payload) {
// Code that executes on bro wsers with no notification support
// "payload" is an object containing the
// title,body,tag,and icon of the notification
}
});
权限基于浏览器的 通知 需要浏览器授予权限,就如同浏览器开启摄像头一样,当前浏览器会弹出询问窗口,当你通过允许后,才会正式 调用 通知 库?
网站地址 : https://pushjs.org
GitHub: https://github.com/Nickersoft/push.js
网站描述: 一个 小巧的,跨浏览器的 JavaScript 通知 API 的 解决方 案
push.js官方网站
官方网站: https://pushjs.org
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。