Notification窗体推送功能

最新推荐文章于 2021-05-26 04:13:55 发布

好小伙17

最新推荐文章于 2021-05-26 04:13:55 发布

阅读量375

点赞数

分类专栏： html 文章标签：推送 notificati

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

    <script>
    Notify("","标题","内容")
    function Notify (icon, title, msg) {

        if (window.Notification && Notification.permission !== "granted") {
            Notification.requestPermission(function (status) {
                if (Notification.permission !== status) {
                    Notification.permission = status;
                }
            });
        }
        var options = {
            lang: 'zh-CN',
            body: msg,
            tag:'test',//此属性会覆盖弹窗信息
            icon: 'temp.png'
        };
        var notify;
        if (window.Notification && Notification.permission === "granted") {
            notify = new Notification(title, options);
        }
        else if (window.Notification && Notification.permission !== "denied") {
            Notification.requestPermission(function (status) {
                if (Notification.permission !== status) {
                    Notification.permission = status;
                }
                if (status === "granted") {
                    notify = new Notification(title, options);
                }
                else {
                    console.log('您禁止了桌面通知，无法推送到您的桌面！');
                }
            });
        }
        else {
            console.log('您禁止了桌面通知，无法推送到您的桌面！');
        }
        if (notify) {
            notify.onclose = function (evt) {

            };
            //点击切换到浏览器
            notify.onclick = function () {
                window.focus();
            };
        }
    }
    </script>

效果图
本文来源自 http://www.cnblogs.com/usea/p/4282560.html