js中使用Push.js通知库将通知推送到浏览器

2023-06-01 00:00:00 通知 浏览器 送到

你希望通过浏览器向访问者的计算机发送有关您的博客或组织必须提供的最新更新的通知,而不是 RSS。如:

推送通知示例

怎么做?

解决方案:

不要使用 API 实现通知,而是使用Push.js。它是一个免费的通知库,用几行 JavaScript 代码处理所有基本的推送通知。

您可以调用 Push.js

  <script>
 Push.create('Hello! Thank you for allowing to push notification. I will be updating you with the latest updates')
 </script>

要查看更高级的配置,请访问

https://github.com/Nickersoft/push.js

以查看可用选项。

如果您在测试阶段按下“阻止”按钮并且无法再次看到提示,则需要block/allow在浏览器中撤消通知。

阻止或允许推送通知

例如,

要做到这一点,在 Chrome 中单击settings,向下滚动到Advanced选项卡,

单击Content Settings并单击Notifications或将其粘贴

chrome://settings/content/notifications到地址栏中。

在 chrome 设置中阻止或允许通知

注意:

根据我自己的经验,推送通知将无法与 localhost 一起使用。

相关文章