js 调用浏览器 Notification

const notification = window.Notification || window.mozNotification || window.webkitNotification
if (notification) {
// 可以通过使用箭头函数变更this指向
notification.requestPermission(result => {
console.log(result) // granted（允许） || denied（拒绝）
if ('denied' == result) {
console.warn('请授权浏览器通知!')
} else {
const tag = 'tag' + new Date().getTime()
// let notification = new Notification(title, options)
// https://developer.mozilla.org/zh-CN/docs/Web/API/notification
const notify = new notification(
'测试标题', // title标题
{
dir: 'auto', // 文字的方向；它的值可以是 auto（自动）, ltr（从左到右）, or rtl（从右到左）
lang: 'zh-CN', // 指定通知中所使用的语言
body: 'body字符串', // 通知中额外显示的字符串
tag: tag,
// 赋予通知一个ID，以便在必要的时候对通知进行刷新、替换或移除
icon: './favicon.ico' // 将被用于显示通知的图标,可使用import引入，也可以填写图标存放路径
})
notify.onclick = () => {
console.info('click methods')
}
notify.onerror = () => {
console.error('error methods')
}
notify.onshow = () => {
console.log('show methods')
}
notify.onclose = () => {
console.info('close methods')
}
}
})
} else {
console.warn('浏览器不支持通知!')
}

如果有描述不到位的地方还请看官们指正，感谢 

最后

以上就是尊敬龙猫最近收集整理的关于js 调用浏览器 Notification的全部内容，更多相关js内容请搜索靠谱客的其他文章。