硬汉工作室

 找回密码
 立即注册

QQ登录

只需一步,快速开始

+
搜索
热搜: 活动 交友 discuz

[javascript] html5里的Notification通知

[复制链接]
发表于 2024-8-2 16:30:48 | 显示全部楼层 |阅读模式
Notification可以实现在系统桌面上弹窗,前提当然是浏览器不能关,写Notification代码的页面也不能关,下面介绍一些简单用法。

首先判断浏览器是否支持这个功能:if(window.Notification) {// code}。
其次这个权限需要用户主动确认允许才行,通过Notification.requestPermission()来请求权限,据说还可以接收个回调函数来接收用户的操作。

日后我们如何知道用户允许还是拒绝呢?通过Notification.permission属性,值有default(默认),granted(用户允许)和denied(用户拒绝),只有值是granted时我们才能进行下一步。

如何发送一个通知呢?
new Notification(
        '有新的回复',
        {
                body: '这里是通知内容,选填',
                icon: '图标地址,选填'
        }
);


具体就这么多了,当然还有,用户点击通知事件,主动关闭通知事件,但是我感觉都不怎么好用,目前也用不上。

下面是截图:

请求权限时


桌面提示信息。


有关PHP系统、Discuz或网站等各种问题,可以联系QQ1069971363寻求付费支持

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

相关帖子

Discuz插件商店:http://addon.dismall.com/?@56030.developer
回复

使用道具 举报

QQ|Archiver|手机版|小黑屋|硬汉工作室 ( 冀ICP备13021567号-9 )

GMT+8, 2025-2-5 13:51 , Processed in 0.053781 second(s), 23 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表