資訊專欄INFORMATION COLUMN
摘要：使用調(diào)用基本或附帶圖像的通知此系列文章的應(yīng)用示例已發(fā)布于可以或下載后運(yùn)行查看歡迎使用中的模塊可以允許你增加基本的桌面通知允許開發(fā)者使用發(fā)送通知并使用當(dāng)前操作系統(tǒng)的原生通知來顯示注意由于這是一個(gè)它只能在渲染器進(jìn)程中使用在瀏覽器中查看完整
使用 Electron 調(diào)用基本或附帶圖像的通知
此系列文章的應(yīng)用示例已發(fā)布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下載后運(yùn)行查看. 歡迎 Star .
使用 Electron 中的 notification 模塊可以允許你增加基本的桌面通知.
Electron 允許開發(fā)者使用 HTML5 Notification API 發(fā)送通知, 并使用當(dāng)前操作系統(tǒng)的原生通知 API 來顯示.
注意: 由于這是一個(gè) HTML5 API, 它只能在渲染器進(jìn)程中使用.
在瀏覽器中查看 完整 API 文檔 .
基本通知支持: Win 7+, macOS, Linux (支持 libnotify) | 進(jìn)程: 渲染器
此示例演示了一個(gè)基本的通知. 只含有文字.
渲染器進(jìn)程
const notification = {
title: "基本通知",
body: "短消息部分"
}
const notificationButton = document.getElementById("basic-noti")
notificationButton.addEventListener("click", function () {
const myNotification = new window.Notification(notification.title, notification)
myNotification.onclick = () => {
console.log("Notification clicked")
}
})
附帶圖像的通知
支持: Win 7+, macOS, Linux (支持 libnotify) | 進(jìn)程: 渲染器
此示例演示了一個(gè)基本的通知. 同時(shí)含有文字和圖像.
渲染器進(jìn)程
const path = require("path")
const notification = {
title: "附帶圖像的通知",
body: "短消息附帶自定義圖片",
icon: path.join(__dirname, "../../../assets/img/programming.png")
}
const notificationButton = document.getElementById("advanced-noti")
notificationButton.addEventListener("click", function () {
const myNotification = new window.Notification(notification.title, notification)
myNotification.onclick = () => {
console.log("Notification clicked")
}
})
如果這邊文章對(duì)您有幫助, 感謝 下方點(diǎn)贊 或 Star GitHub: electron-api-demos-Zh_CN 支持, 謝謝.
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/88980.html
摘要：本來寫這個(gè)項(xiàng)目時(shí)就沒打算來自己實(shí)現(xiàn)富文本編輯器，本著能用開源就用開源的原則，在項(xiàng)目里測試了一些開源的編輯器，發(fā)現(xiàn)或多或少都有些問題，后來一琢磨，反正這個(gè)項(xiàng)目的富文本編輯器需求不復(fù)雜，就自己實(shí)現(xiàn)一個(gè)好了。 斷斷續(xù)續(xù)寫了個(gè)把月，終于在昨天完成了第一版… 筆落寫作 一款幫助網(wǎng)絡(luò)寫手更方便地進(jìn)行小說創(chuàng)作的PC軟件，目前支持 OSX/Windows 名字靈感來自于杜甫的一首詩，前兩句是： 《寄...
摘要：聲明式用法只需使用動(dòng)畫的名稱，該動(dòng)畫將在加載該元素時(shí)立即生效。實(shí)際案例這個(gè)庫支持本地推送通知功能比較全面。實(shí)際案例具有縮放支持，回調(diào)，縮放以適應(yīng)和滾動(dòng)指示器支持的組件。這是圖像上傳或圖像處理的基本庫。 本篇 React native 庫列表不是從網(wǎng)上隨便找的， 這些是我在我的應(yīng)用中親自使用的庫。 這些庫功能可能跟其它庫也有，但經(jīng)過大量研究并在我的程序中嘗試后，我選擇了這些庫。 想閱讀更...
摘要：正式發(fā)布在過去的一周，正式發(fā)布，帶來大量改進(jìn)和修復(fù)。這是自開展以來的第七個(gè)主要版本，并將在年月成為下一個(gè)分支。以后，如果使用具有已知安全問題的代碼，的用戶會(huì)收到警告通知。將自動(dòng)檢查針對(duì)數(shù)據(jù)庫的安裝請(qǐng)求，并在代碼包含漏洞時(shí)發(fā)出警告通知。 1. Node.js 10 正式發(fā)布 在過去的一周，Node.js 10.0.0 正式發(fā)布，帶來大量改進(jìn)和修復(fù)。這是自 Node.js Foundati...
摘要：正式發(fā)布在過去的一周，正式發(fā)布，帶來大量改進(jìn)和修復(fù)。這是自開展以來的第七個(gè)主要版本，并將在年月成為下一個(gè)分支。以后，如果使用具有已知安全問題的代碼，的用戶會(huì)收到警告通知。將自動(dòng)檢查針對(duì)數(shù)據(jù)庫的安裝請(qǐng)求，并在代碼包含漏洞時(shí)發(fā)出警告通知。 1. Node.js 10 正式發(fā)布 在過去的一周，Node.js 10.0.0 正式發(fā)布，帶來大量改進(jìn)和修復(fù)。這是自 Node.js Foundati...
閱讀 960·2021-10-27 14:19
閱讀 1184·2021-10-15 09:42
閱讀 1615·2021-09-14 18:02
閱讀 800·2019-08-30 13:09
閱讀 3043·2019-08-29 15:08
閱讀 2156·2019-08-28 18:05
閱讀 1009·2019-08-26 10:25
閱讀 2851·2019-08-23 16:28
