資訊專(zhuān)欄INFORMATION COLUMN
摘要：使用調(diào)用基本或附帶圖像的通知此系列文章的應(yīng)用示例已發(fā)布于可以或下載后運(yùn)行查看歡迎使用中的模塊可以允許你增加基本的桌面通知允許開(kāi)發(fā)者使用發(fā)送通知并使用當(dāng)前操作系統(tǒng)的原生通知來(lái)顯示注意由于這是一個(gè)它只能在渲染器進(jìn)程中使用在瀏覽器中查看完整
使用 Electron 調(diào)用基本或附帶圖像的通知
此系列文章的應(yīng)用示例已發(fā)布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下載后運(yùn)行查看. 歡迎 Star .
使用 Electron 中的 notification 模塊可以允許你增加基本的桌面通知.
Electron 允許開(kāi)發(fā)者使用 HTML5 Notification API 發(fā)送通知, 并使用當(dāng)前操作系統(tǒng)的原生通知 API 來(lái)顯示.
注意: 由于這是一個(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://systransis.cn/yun/88980.html
摘要：本來(lái)寫(xiě)這個(gè)項(xiàng)目時(shí)就沒(méi)打算來(lái)自己實(shí)現(xiàn)富文本編輯器，本著能用開(kāi)源就用開(kāi)源的原則，在項(xiàng)目里測(cè)試了一些開(kāi)源的編輯器，發(fā)現(xiàn)或多或少都有些問(wèn)題，后來(lái)一琢磨，反正這個(gè)項(xiàng)目的富文本編輯器需求不復(fù)雜，就自己實(shí)現(xiàn)一個(gè)好了。 斷斷續(xù)續(xù)寫(xiě)了個(gè)把月，終于在昨天完成了第一版… 筆落寫(xiě)作 一款幫助網(wǎng)絡(luò)寫(xiě)手更方便地進(jìn)行小說(shuō)創(chuàng)作的PC軟件，目前支持 OSX/Windows 名字靈感來(lái)自于杜甫的一首詩(shī)，前兩句是： 《寄...
摘要：聲明式用法只需使用動(dòng)畫(huà)的名稱(chēng)，該動(dòng)畫(huà)將在加載該元素時(shí)立即生效。實(shí)際案例這個(gè)庫(kù)支持本地推送通知功能比較全面。實(shí)際案例具有縮放支持，回調(diào)，縮放以適應(yīng)和滾動(dòng)指示器支持的組件。這是圖像上傳或圖像處理的基本庫(kù)。 本篇 React native 庫(kù)列表不是從網(wǎng)上隨便找的， 這些是我在我的應(yīng)用中親自使用的庫(kù)。 這些庫(kù)功能可能跟其它庫(kù)也有，但經(jīng)過(guò)大量研究并在我的程序中嘗試后，我選擇了這些庫(kù)。 想閱讀更...
摘要：正式發(fā)布在過(guò)去的一周，正式發(fā)布，帶來(lái)大量改進(jìn)和修復(fù)。這是自開(kāi)展以來(lái)的第七個(gè)主要版本，并將在年月成為下一個(gè)分支。以后，如果使用具有已知安全問(wèn)題的代碼，的用戶(hù)會(huì)收到警告通知。將自動(dòng)檢查針對(duì)數(shù)據(jù)庫(kù)的安裝請(qǐng)求，并在代碼包含漏洞時(shí)發(fā)出警告通知。 1. Node.js 10 正式發(fā)布 在過(guò)去的一周，Node.js 10.0.0 正式發(fā)布，帶來(lái)大量改進(jìn)和修復(fù)。這是自 Node.js Foundati...
摘要：正式發(fā)布在過(guò)去的一周，正式發(fā)布，帶來(lái)大量改進(jìn)和修復(fù)。這是自開(kāi)展以來(lái)的第七個(gè)主要版本，并將在年月成為下一個(gè)分支。以后，如果使用具有已知安全問(wèn)題的代碼，的用戶(hù)會(huì)收到警告通知。將自動(dòng)檢查針對(duì)數(shù)據(jù)庫(kù)的安裝請(qǐng)求，并在代碼包含漏洞時(shí)發(fā)出警告通知。 1. Node.js 10 正式發(fā)布 在過(guò)去的一周，Node.js 10.0.0 正式發(fā)布，帶來(lái)大量改進(jìn)和修復(fù)。這是自 Node.js Foundati...
閱讀 902·2021-10-27 14:19
閱讀 1120·2021-10-15 09:42
閱讀 1545·2021-09-14 18:02
閱讀 753·2019-08-30 13:09
閱讀 3000·2019-08-29 15:08
閱讀 2101·2019-08-28 18:05
閱讀 964·2019-08-26 10:25
閱讀 2795·2019-08-23 16:28
