//通知显示正文。非必须,默认为空 body: '你的好友XX上线了!', //通知显示正文的图片地址。非必须,默认为空 image: 'imgae url', //通知左侧图标。非必须,默认为空 icon: 'imgae url', //通知的分类标记(ID)。非必须,默认为空 tag: 'test', //通知相关联的数据,通常用于方法的回调,传参。非必须,默认为空 data: '可以是任意数据类型', //通知显示延迟的时间。非必须,默认通知实例创建完成就显示 timestamp: '', //通知主体内容的水平展示顺序,有点类似direction属性。非必须,默认值是auto, 可以是ltr或rtl dir: 'auto', //当没有足够的空间来显示通知本身时,用于表示通知的图像的URL。非必须,默认为空 badge: 'xxx', //通知的语言。非必须默认为空 lang: '', //通知显示时,设备的振动模式。非必须,默认为空 vibrate: [200, 100, 200], //新通知出现是否覆盖旧的通知,覆盖(true)则永远只显示一条通知,不覆盖(false)则会多条通知重叠。非必须,默认为true renotify: true, //通知是否静音。非必须,默认为false,表示无声 silent: false, //通知声源文件地址。非必须,默认为空 sound: 'mp3', //是否不在屏幕上显示通知信息。非必须,默认为false表示要显示 noscreen: false, //指定通知是否应该粘滞性,即不容易被用户清理。非必须,默认false表示不具粘滞性 sticky: false, //指定通知是否保持活性,知道用户点击或关闭。非必须,默认为false requireInteraction: false
实例:
var that = this; Notification.requestPermission(function (permission) { if (permission == "granted") { var notification = new Notification("通知", { dir: "auto", lang: "zh-CN", body: msg, data: { url: path }, icon: that.COMMON.serverFileUrl+'/files/common/logo.png', }); var audio = that.$refs.audio; audio.play(); notification.onclick = function (e) { window.open(notification.data.url, '_blank'); } } });
提示音:
<audio ref="audio"> <source src="//pic.ibaotu.com/00/43/23/41F888piC5fv.mp3"> </audio>
【记录】H5 Notification 字段说明
最新推荐文章于 2022-11-23 12:19:27 发布