浏览器通知调用了网站

Question

最近在某些网站上，我看到这些浏览器级调用的通知即使您没有打开某个网站也会弹出。您必须允许显示这些通知，然后它们几乎无处不在，即使您第一次打开没有标签的浏览器也是如此。

我不知道如何使用我的网站调用的这些浏览器级通知。一个名称和一些代码示例将不胜感激，我甚至不知道它编写的编程语言（假设是Javascript）。

这是我正在谈论的内容的截图（右上角）：

如您所见，即使浏览器已最小化，它们仍会显示！

Answer 1

这些是使用Notification API实现的 - 最近的一些文档可以在这里找到：

https://developer.mozilla.org/en-US/docs/Web/API/notification

您可以从大多数当前浏览器的控制台轻松尝试 -

Notification.requestPermission();

批准通知权限，然后尝试

new Notification('Hello, you have been notified!');

文档中有更详细的用法示例。

Answer 2

正如pvg所说，有一个名为Notification的浏览器API，它允许您向用户发送通知。您必须先请求权限，如果granted，请构建新的Notification。

我已经在javascript中构建了一个微型库，它确实作为一个对象，请在这里查看：https://github.com/jsmrcaga/miniNotif

用法很简单，您可以将新通知作为对象进行如下操作：

var yourNotif = new miniNotif.notification('title', {body: 'your body', icon: 'URL'});

，并在您希望显示时调用yourNotif.show()。

我相信GitHub上的自述文件已经过时了

Answer 3

如果您想实施正常通知，您收到的答案都是正确的。

如果你想实现PUSH通知，你期望的答案是在this帖子中（附有解释和教程，解释如何实现它）。