JS调用window系统通知

最新推荐文章于 2025-07-22 11:26:20 发布

原创最新推荐文章于 2025-07-22 11:26:20 发布 · 3.1k 阅读

本内容遵循CC 4.0 BY-SA版权协议

标签

收录于

18 篇文章

订阅专栏

本文介绍如何使用JavaScript调用Notification API来显示跨平台的消息通知。通过检查Notification API的支持情况和请求权限，确保用户不会错过任何重要信息。然而，部署到服务器后，发现仅HTTPS协议支持此功能，揭示了安全性和跨域限制的重要性。

在写一个应用的时候需要显示网页来的消息，为了让用户不会错过消息，所以希望使用JS调用win10的通知消息，调用方法如下:

在页面打开的时候查看浏览器是否支持Notification API，如果支持，则判断是否有权限通知，没有的话交由用户判断是否允许通知(JS代码)：
```
if(undefined !== window.Notification) {
    if (Notification.permission === "default") {
        Notification.requestPermission();
    }
}
```
我在本地运行web应用没有问题（IE不支持），通知是可以用的，但是将应用部署到服务器上时却提示网页不安全无法使用该功能，在网上搜索之后得知只有https协议的网页可以调用通知功能。参考：https://blog.csdn.net/jasstool/article/details/98627062