浏览器通知调用网站

Question

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

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

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

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

Answer 1

这些是使用通知实现的 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

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

如果您想实现推送通知，您期望的答案在 this post 中（附有说明和说明如何实现的教程）。