使用Push.js发送浏览器推送通知

本地移动应用程序始终支持推送通知。但是,在通知API弹出之前,这些通知不在网络中。

通知API 通过JavaScript工作。它允许您通过浏览器窗口将推送通知直接发送到用户的计算机。这不是很难自己设置,而是为什么要重新发明轮?

Push.js是一个免费的通知库,可以使用几行JavaScript来处理所有基本的推送通知功能。

这些基于浏览器的通知仍然是新的,并且在捕捉之前有办法。用户需要允许某些网站的通知出现,除非您的受众已经信任您的网站,否则可能会让人难以接受。

网站建设

网站建设

但是,最好的学习方法是尝试看看会发生什么。您可以将访问者的链接发送到您最新的博客文章,或有关网站新更新的信息,甚至要求注册您的简报。而且,通过Push.js,这个工作很简单。

您可以从npmBower下载库,或直接从GitHub抓取。

从那里,您可以向页面添加一些基本的JavaScript来创建推送通知。如果用户接受您的网站的请求,那么他们将一直收到您发送的所有新通知。很酷!

您可以设置通知标题,主要内容和其他功能,如自动关闭时间。

以下是Push.js网站的示例代码段

1
2
3
4
6
7
8
9
Push.create("Hello world!", {
    body: "How's it hangin'?",
    icon: 'icon.png',
    timeout: 4000,
    onClick: function () {
        window.focus();
        this.close();
    }
});

不需要知道很多JavaScript才能使该图书馆在您的网站上工作。如果您只是复制/粘贴或者使用文档,您应该在不到15分钟的时间内运行推送通知。

网站建设

网站建设

不是每个人都喜欢这些浏览器通知,这个图书馆肯定在每个网站都不会有用。但是,如果您愿意尝试这样做,则设置起来非常简单,并且会使推送通知更容易一些。

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/260769.html

(0)
上一篇 2022年5月24日
下一篇 2022年5月24日

相关推荐

发表回复

登录后才能评论