前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >H5 端唤醒 win10 消息通知

H5 端唤醒 win10 消息通知

作者头像
骤雨重山
发布2022-01-17 10:56:38
3490
发布2022-01-17 10:56:38
举报
文章被收录于专栏:骤雨重山
浏览器也可以调用Win10系统的消息提示,纯JS代码,复制到HTML网页中直接打开即可。

代码

代码语言:javascript
复制
// 判断浏览器是否支持唤醒
if (window.Notification) {
    let popNotice = () => {
        if (!Notification.permission === 'granted') return
        const notification = new Notification('Hello', {
            icon: require('@/assets/images/panel/logo.png'),
            body: '欢迎访问韩小韩博客~~~'
        })
        notification.onclick = function () {
            window.open('https://baidu.com')
            notification.close()
        }
    }
      /* 授权过通知 */
    if (Notification.permission === 'granted') {
        popNotice()
    } else {
        /* 未授权,先询问授权 */
        Notification.requestPermission(function (permission) {
            popNotice()
        })
    }
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-11-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 浏览器也可以调用Win10系统的消息提示,纯JS代码,复制到HTML网页中直接打开即可。
  • 代码
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档