前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【设备】桌面通知(Notifications)

【设备】桌面通知(Notifications)

作者头像
Html5知典
发布2019-11-26 17:17:59
1K0
发布2019-11-26 17:17:59
举报
文章被收录于专栏:Html5知典Html5知典

概述 桌面通知(Notifications) API 可以方便的为web应用添加桌面通知功能。

代码示例

代码语言:javascript
复制
if(window.Notification) {     if(window.Notification.permission !== "granted") {     Notification.requestPermission(); }     notify(); } else { console.log("当前浏览器不支持桌面通知!"); } function notify() { var notification = new window.Notification("this is notification title", {     icon: "",     body: "hey there! this is notification body!" }); notification.onclick = function() {     // do something } }

代码说明

Notification的三个参数:

  • title:显示的标题
  • options:
    • dir:文字方向
    • lang:使用的语言
    • body:显示的正文
    • tag:通知的ID
    • icon:显示的图标

Notification的事件:

  • onclick:点击通知时触发
  • onshow:通知显示时触发
  • onerror:遇到错误是触发
  • onclose:关闭通知时触发
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-07-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Html5知典 微信公众号,前往查看

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档