HTML5中的Web Notification桌面通知功能

html,

最近浏览网页的时候经常遇见这样的通知

允许后会在浏览器右下角显示相关提示信息，百度一下，果然有很多这方面的介绍，这是“HTML5中的Web Notification桌面通知”功能，来看看“鑫空间，鑫生活”的介绍吧。

另外，浏览器开启桌面通知Web Notification方法：https://www.cnblogs.com/xcsn/p/7767092.html

一、谷歌浏览器(chrome)

点击地址栏前面的图标 🔒 或者 ⓘ，修改通知即可

二、360浏览器

在地址栏输入 se://settings/content，找到通知进行设置

三、火狐浏览器(Mozilla Firefox)

您可以通过下列步骤设置站点的权限：

  • 点击图标 打开 控制中心。
  • 点击提示中的箭头。
  • 点击 更多信息 打开页面信息窗口。
  • 点击 权限 标签页。
  • 在 接收通知 部分，选择：总是询问、允许 或 阻止。如果选项灰显，请取消勾选 使用默认 旁边的勾选框。

详情查看官方文档：https://support.mozilla.org/zh-CN/kb/%E7%BD%91%E9%A1%B5%E6%8E%A8%E9%80%81%E9%80%9A%E7%9F%A5?as=u&utm_source=inproduct

四、Edge浏览器

查看设置 - 查看高级设置 （灰色按钮） ，找到通知进行设置

注意：所有ie浏览器不支持桌面通知，这是个大杯具

兼容性

另外，qq浏览器也可以支持，其他的就不知道了，这里摘下别人的东西，浏览器支持情况：