码迷,mamicode.com
首页 > 其他好文 > 详细

electron——通知

时间:2020-05-16 18:51:42      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:sub   运行   app   inf   img   type   程序   port   usermod   

所有三个操作系统都提供了应用程序向用户发送通知的手段。 Electron允许开发者使用 HTML5 Notification API 发送通知,并使用当前运行的操作系统的本地通知 API 来显示它。

HTML5 API,它只能在渲染器进程中使用

渲染进程

let myNotification = new Notification(‘大家好‘, {
  body: ‘放假休息重要通知‘
})

myNotification.onclick = () => {
  console.log(‘通知被点击后触发‘)
}

技术图片

技术图片

主进程

使用electron 类:Notification

静态方法:Notification.isSupported()

返回一个Boolean,当前系统是否支持桌面通知

通过 options 来设置的一个新的原生 Notification。

console.log(Notification.isSupported())

// 实例化不会进行通知
let notification = new Notification({
  // 通知的标题, 将在通知窗口的顶部显示
  title: ‘Boss‘,
  // 通知的副标题, 显示在标题下面 macOS
  subtitle: ‘重要消息‘,
  // 通知的正文文本, 将显示在标题或副标题下面
  body: ‘@所有人 放假!!!‘,
  // false有声音,true没声音
  silent: false,
  icon: ‘./nm.jpg‘,
  // 通知的超时持续时间 ‘default‘ or ‘never‘
  timeoutType: ‘default‘,
})

// 向用户展示 notification
notification.show()

技术图片

补充

app.setAppUserModelId(‘叮叮‘);

技术图片

技术图片

notification.close()

关闭这条通知

官方electron——通知

electron——通知

标签:sub   运行   app   inf   img   type   程序   port   usermod   

原文地址:https://www.cnblogs.com/loveyt/p/12901494.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!