浏览器消息通知，桌面消息提醒

最新推荐文章于 2023-11-21 14:52:53 发布

VIP文章 Teamoping

最新推荐文章于 2023-11-21 14:52:53 发布

阅读量2.1k

点赞数

文章标签：浏览器消息提醒桌面消息提醒

本文链接：https://blog.csdn.net/teamoping/article/details/92797278

版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>桌面提示信息</title>
</head>
<body>

<button οnclick="notifyMe()">Notify me!</button>
<script>

    function notifyMe() {
        // 先检查浏览器是否支持
        if (!("Notification" in window)) {
            alert("This browser does not support desktop notification");
        }

        // 检查用户是否同意接受通知
        else if (Notification.permission === "granted") {
            var notification = new Notification('来消息了', {
                body: '可以加你为好友吗？',
                icon: 'http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg',

            });
            notification.onclick = function() {
                window.focus();//打开对应的页面
                notification.close();//关闭提示信息
            };
            //定时关闭
            notification.onshow = function () {//定时关

最低0.47元/天解锁文章

优惠劵

Teamoping

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
浏览器消息通知，桌面消息提醒

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>桌面提示信息</title></head><body><button onclick="notifyMe()">Notify me!</bu...
复制链接

扫一扫