调用浏览器系统通知

六月长安

已于 2024-12-17 17:24:46 修改

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：组件文章标签： json

于 2019-06-20 18:51:47 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_37481769/article/details/93094905

组件专栏收录该内容

13 篇文章

订阅专栏

博客介绍了通过浏览器的Notification实现通知的语法，发送通知时调用showNotice(msg)方法。同时指出chrome只允许https站点调用Notification，http站点默认拒绝且无法修改，不过http://localhost/ 可调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

调用浏览器系统通知

- 语法概述
- 调用

语法概述

通过浏览器的Notification实现，需要发送通知时调用showNotice(msg)方法即可。
需要注意的是，chrome只允许https的站点调用Notification，如果是http站点会默认拒绝，并且无法修改。但 http://localhost/ ，这个url被特批可调用

调用


function showNotice(msg) {
    //发送通知
    newNotify = function () {
        var notification = new Notification("系统通知:", {
            dir: "auto",
            lang: "hi",
            requireInteraction: true,
            //tag: "testTag",
            icon: "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_86d58ae1.png",
            body: msg
        });
        notification.onclick = function (event) {
            //回到发送此通知的页面
            window.focus();
            //回来后要做什么
            console.log("I'm back");
        }
    }
    //权限判断
    if (Notification.permission == "granted") {
        newNotify();
    } else {
        //请求权限
        Notification.requestPermission(function (perm) {
            if (perm == "granted") {
                newNotify();
            }
        })
    }