Electron消息通知

xiaohai 2021-05-15 22:30:30 共5096人围观 标签： Electron 
简介Electron消息通知

Electron的消息通知是通过H5的window.Notification来实现的。

window.Notification的属性参数
  • title: 通知的标题，可以显示在通知栏上
  • option: 消息通知的各种属性配置，以对象的形式进行配置
    其实如果你想详细学习，完全可以看H5的NotificationAPI进行学习。

核心代码：

const {
  Notification
} = require('@electron/remote')
window.onload = function () {
  var btn = this.document.querySelector('#showNotice')
  btn.onclick = function () {
    const notification = {
      title: '消息标题',
      body: '消息通知内容'
    }
    new Notification(notification).show()
  }
}

效果如下：
图片alt

相同类型文章

热门标签

每日一句

    如果一个人充满了快乐、正面的思想，那么好的人、事、物都会和他共鸣，并且被他吸引过来；同样的，如果一个人总是带着悲观的、愤世嫉俗的思想频率，那么，难怪这个人常会有倒霉的事发生在他身上。

    ——张德芬

今日排行

  • Git保存和清除用户名、密码

    在使用Git的过程中，不想每次都输入用户名和密码去拉取代码，所以就需要保存这些信息，那么既然有保存了，就必须有清除功能。

  • Golang编译打包Vue项目到二进制包

    Golang打包一般的静态资源文件到二进制文件中还是比较简单，但是如果遇到使用Vue编写的后台界面，该如何打包呢？本文就是记录如何打包Vue到二进制包

  • 网页扫描二维码库：Html5-Qrcode

    网页扫描二维码库：Html5-Qrcode，官网地址：https://scanapp.org/html5-qrcode-docs/

  • Centos中用Chrome将网页导出为PDF

    Centos中用Chrome将网页导出为PDF，chrome --headless --print-to-pdf https://developer.chrome.com/

  • Laravel增加URL参数

    在做搜索列表分页的时候，需要分页后的页面跳转的url地址中包含搜索的参数，在Laravel中的如何处理呢？

点击排行

友情链接