js像手机推送push_使用Push.js发送浏览器推送通知

本地移动应用程序始终支持推送通知 。 但是，直到Notifications API弹出之前，网络上都没有这些通知。

Notifications API 通过JavaScript起作用 。 它使您可以通过用户的浏览器窗口将推送通知直接发送到用户的计算机。 自己进行设置并不难，但是为什么要重新发明轮子呢？

这些基于浏览器的通知仍然很新，在赶上之前还需要走很多路。 用户需要允许某些网站上的通知才能显示，因此，除非您的听众已经信任您的网站，否则很难让人接受。

但是，最好的学习方法是尝试看看会发生什么。 您可以向访问者发送指向您最新博客文章的链接，或者向该站点发送有关新更新的信息，甚至可以请求注册新闻通讯。 而且，使用Push.js可以轻松完成这项工作。

您可以从npm或Bower下载该库，也可以直接从GitHub下载它。

从那里，您可以在页面上添加一些基本JavaScript来创建推送通知。 如果用户接受了您网站的请求，那么他们将持续收到您发送的所有新通知。 太酷了！

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

这是Push.js网站上的示例片段 ：

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

您无需了解太多JavaScript就可以在您的站点上运行此库。 如果您只是复制/粘贴或浏览文档 ，则应该在不到15分钟的时间内运行推送通知。

并非每个人都喜欢这些浏览器通知，并且该库肯定不会在每个网站上都有用。 但是，如果您愿意尝试一下，则设置起来超级容易，并且使推送通知变得非常容易。

翻译自: https://www.hongkiat.com/blog/browser-push-notifications-pushjs/