当前位置： 首页 > news >正文

第8章：Electron 剪贴版和消息通知

news 2026/5/31 14:45:50

在本章中，我们将介绍如何在Electron应用中与操作系统进行集成。这些操作包括剪贴板操作、通知系统、原生对话框等功能。

8.1 剪贴板操作

Electron 提供了 clipboard 模块，允许我们在应用中访问和操作剪贴板内容。以下是一些基本的剪贴板操作示例。

8.1.1 复制文本到剪贴板

我们可以使用 clipboard.writeText 方法将文本复制到剪贴板。

主进程代码：

const { app, BrowserWindow, ipcMain, clipboard } = require('electron');
const path = require('path');let mainWindow;const createMainWindow = () => {mainWindow = new BrowserWindow({width: 800,height: 600,webPreferences: {preload: path.join(__dirname, 'preload.js'),contextIsolation: true,nodeIntegration: false}});mainWindow.loadFile('index.html');mainWindow.webContents.openDevTools();mainWindow.on('closed', () => {mainWindow = null;});
};app.on('ready', createMainWindow);
app.on('window-all-closed', () => {if (process.platform !== 'darwin') {app.quit();}
});
app.on('activate', () => {if (mainWindow === null) {createMainWindow();}
});// 处理剪贴板复制请求
ipcMain.handle('copy-to-clipboard', (event, text) => {clipboard.writeText(text);return { success: true };
});

预加载脚本（preload.js）：

const { contextBridge, ipcRenderer } = require('electron');contextBridge.exposeInMainWorld('electronAPI', {copyToClipboard: (text) => ipcRenderer.invoke('copy-to-clipboard', text)
});

渲染进程代码：

<!DOCTYPE html>
<html>
<head><title>Clipboard Example</title>
</head>
<body><h1>Clipboard Example</h1><input type="text" id="textInput" placeholder="Enter text to copy"><button id="copyButton">Copy to Clipboard</button><script>document.getElementById('copyButton').addEventListener('click', async () => {const text = document.getElementById('textInput').value;const result = await window.electronAPI.copyToClipboard(text);if (result.success) {alert('Text copied to clipboard!');}});</script>
</body>
</html>

8.1.2 从剪贴板读取文本

我们可以使用 clipboard.readText 方法从剪贴板读取文本。

主进程代码：

ipcMain.handle('read-from-clipboard', () => {const text = clipboard.readText();return { success: true, text };
});

预加载脚本（preload.js）：

contextBridge.exposeInMainWorld('electronAPI', {readFromClipboard: () => ipcRenderer.invoke('read-from-clipboard')
});

渲染进程代码：

<!DOCTYPE html>
<html>
<head><title>Clipboard Example</title>
</head>
<body><h1>Clipboard Example</h1><button id="pasteButton">Paste from Clipboard</button><p id="pastedText"></p><script>document.getElementById('pasteButton').addEventListener('click', async () => {const result = await window.electronAPI.readFromClipboard();if (result.success) {document.getElementById('pastedText').innerText = result.text;}});</script>
</body>
</html>

8.2 通知系统

Electron 提供了 Notification 接口，允许我们在应用中发送系统通知。以下是一些基本的通知示例。

8.2.1 发送基本通知

我们可以使用 new Notification 方法来发送一个基本通知。

渲染进程代码：

<!DOCTYPE html>
<html>
<head><title>Notification Example</title>
</head>
<body><h1>Notification Example</h1><button id="notifyButton">Send Notification</button><script>document.getElementById('notifyButton').addEventListener('click', () => {new Notification('Hello', {body: 'This is a notification from your Electron app.'});});</script>
</body>
</html>

8.3 原生对话框

Electron 提供了 dialog 模块，可以方便地显示各种原生对话框，包括消息框、文件选择对话框等。

8.3.1 显示消息框

我们可以使用 dialog.showMessageBox 方法来显示一个消息框。

主进程代码：

ipcMain.handle('show-message-box', async () => {const result = await dialog.showMessageBox({type: 'info',title: 'Message Box',message: 'This is a message box',buttons: ['OK']});return { success: true, response: result.response };
});

预加载脚本（preload.js）：

const { contextBridge, ipcRenderer } = require("electron");contextBridge.exposeInMainWorld("electronAPI", {showMessageBox: () => ipcRenderer.invoke("show-message-box"),
});

渲染进程代码：

<!DOCTYPE html>
<html>
<head><title>Message Box Example</title>
</head>
<body><h1>Message Box Example</h1><button id="messageBoxButton">Show Message Box</button><script>document.getElementById('messageBoxButton').addEventListener('click', async () => {const result = await window.electronAPI.showMessageBox();if (result.success) {alert('Message box closed with response: ' + result.response);}});</script>
</body>
</html>

通过这些示例，开发者可以在Electron应用中实现与操作系统的深度集成，从而提供更丰富的功能和更好的用户体验。

相关文章：

第8章：Electron 剪贴版和消息通知

在本章中&#xff0c;我们将介绍如何在Electron应用中与操作系统进行集成。这些操作包括剪贴板操作、通知系统、原生对话框等功能。 8.1 剪贴板操作 Electron 提供了 clipboard 模块&#xff0c;允许我们在应用中访问和操作剪贴板内容。以下是一些基本的剪贴板操作示例。 8.…...

编程日记 2024/7/6 9:04:20

Android zygote访谈录

戳蓝字“牛晓伟”关注我哦&#xff01; 用心坚持输出易读、有趣、有深度、高质量、体系化的技术文章&#xff0c;技术文章也可以有温度。 本文摘要 本文以访谈的方式来带大家了解zygote进程&#xff0c;了解zygote进程是啥&#xff1f;它的作用是啥&#xff1f;它是如何一步…...

编程日记 2024/7/6 9:00:16

nuxt、vue树形图d3.js

直接上代码 //安装 npm i d3 --save<template><div class"d3"><div :id"id" class"d3-content"></div></div> </template> <script> import * as d3 from "d3";export default {props: {d…...

编程日记 2024/7/6 8:59:15

香橙派AIpro测评：yolo8+usb鱼眼摄像头的Camera图像获取及识别

一、前言 近期收到了一块受到业界人士关注的开发板"香橙派AIpro",因为这块板子具有极高的性价比&#xff0c;同时还可以兼容ubuntu、安卓等多种操作系统&#xff0c;今天博主便要在一块832g的香橙派AI香橙派AIpro进行YoloV8s算法的部署并使用一个外接的鱼眼USB摄像头…...

编程日记 2024/7/6 8:58:13

大华设备接入GB28181视频汇聚管理平台EasyCVR安防监控系统的具体操作步骤

智慧城市/视频汇聚/安防监控平台EasyCVR兼容性强&#xff0c;支持多协议接入&#xff0c;包括国标GB/T 28181协议、GA/T 1400协议、部标JT808协议、RTMP、RTSP/Onvif协议、海康Ehome、海康SDK、大华SDK、华为SDK、宇视SDK、乐橙SDK、萤石云SDK等&#xff0c;并能对外分发RTMP、…...

编程日记 2024/7/6 8:55:10

Laravel包开发指南：构建可重用组件的艺术

标题&#xff1a;Laravel包开发指南&#xff1a;构建可重用组件的艺术 Laravel不仅是一个强大的Web应用框架&#xff0c;它的包&#xff08;Package&#xff09;系统也为开发者提供了构建和共享可重用组件的能力。通过包开发&#xff0c;开发者可以轻松地扩展Laravel的功能&am…...

编程日记 2024/7/6 8:54:09

JavaDS预备知识

集合框架 Java 集合框架 Java Collection Framework &#xff0c;又被称为容器 container &#xff0c;是定义在 java.util 包下的一组接口 interfaces和其实现类 classes 。 其主要表现为将多个元素 element 置于一个单元中&#xff0c;对数据进行创建(Create)、读取(Retrieve…...

编程日记 2024/7/6 8:51:06

日常学习--20240705

1、IO流 按照IO操作的数据类型分为字节流和字符流&#xff1a; 字节流&#xff1a;又分为输入流&#xff08;其他程序传递过来的数据&#xff0c;读取流中的数据&#xff09;和输出流&#xff08;往流中写数据&#xff0c;传递给其他程序&#xff09;;可以操作二进制文件&…...

编程日记 2024/7/6 8:50:05

Java中初始化一个List的多种方式

1.最原始的方式&#xff1a;先创建&#xff0c;然后再添加元素 List<String> list new ArrayList<>(); list.add("apple"); list.add("banana"); list.add("cherry");2.使用Arrays.asList 这是一种快速方便的方式&#xff0c;直接…...

编程日记 2024/7/6 8:49:05

BeikeShop多国语言多货币商城系统源码基于Laravel框架

BeikeShop是基于 Laravel 开发的一款开源商城系统&#xff0c;支持多语言商城 多货币商城 100%全开源 ChatGPT OpenAI B2C商城系统 H5商城 PHP商城系统 商城源码 PC商城 跨境电商系统 跨境商城系统 电商商城系统 Laravel 10 框架开发系统&#xff0c;支持插件市场。 Event 机制…...

编程日记 2024/7/6 8:48:04

gradle构建工具

setting.gradle // settings.gradle rootProject.name my-project // 指定根项目名称include subproject1, subproject2 // 指定子项目名称&#xff0c;可选jar包名称 方式一 jar {archiveBaseName my-application // 设置 JAR 文件的基本名称archiveVersion 1.0 // 设置…...

编程日记 2024/7/6 8:47:03

Java需要英语基础吗？

Java编程语言本身并不要求必须有很强的英语基础&#xff0c;因为Java的语法和逻辑是独立于任何特定语言的。我收集归类了一份嵌入式学习包&#xff0c;对于新手而言简直不要太棒&#xff0c;里面包括了新手各个时期的学习方向编程教学、问题视频讲解、毕设800套和语言类教学&am…...

编程日记 2024/7/6 8:46:02

14-36 剑和诗人10 - 用LLM构建 AI 代理平台

介绍 在当今快速发展的技术环境中&#xff0c;大型语言模型 (LLM) 和 AI 代理正在改变我们与信息交互、实现流程自动化以及应对不同行业复杂挑战的方式。随着这些强大的模型不断发展&#xff0c;对能够无缝集成和协调它们的强大平台的需求变得越来越重要。 让我们深入研究设计…...

编程日记 2024/7/6 8:45:01

如何在Java中实现批量数据处理

如何在Java中实现批量数据处理 大家好&#xff0c;我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01; 1. 引言 在大数据时代&#xff0c;处理大量数据是许多应用程序中必不可少的需…...

编程日记 2024/7/6 8:44:00

项目部署_持续集成_Jenkins

1 今日内容介绍 1.1 什么是持续集成 持续集成&#xff08; Continuous integration &#xff0c; 简称 CI &#xff09;指的是&#xff0c;频繁地&#xff08;一天多次&#xff09;将代码集成到主干 持续集成的组成要素 一个自动构建过程&#xff0c; 从检出代码、 编译构建…...

编程日记 2024/7/6 8:42:59

如何选择TikTok菲律宾直播网络？

为了满足用户对于实时互动的需求&#xff0c;TikTok推出了直播功能&#xff0c;让用户能够与粉丝即时交流。本文将探讨如何选择适合的TikTok菲律宾直播网络&#xff0c;并分析OgLive是否是值得信赖的选择。 TikTok菲律宾直播网络面临的挑战 作为全球领先的短视频平台&#xff…...

编程日记 2024/7/6 8:40:57

Pseudo-Label : The Simple and Efficient Semi-Supervised Learning Method--论文笔记

论文笔记 资料 1.代码地址 https://github.com/iBelieveCJM/pseudo_label-pytorch 2.论文地址 3.数据集地址 论文摘要的翻译 本文提出了一种简单有效的深度神经网络半监督学习方法。基本上&#xff0c;所提出的网络是以有监督的方式同时使用标记数据和未标记数据来训练的…...

编程日记 2024/7/6 8:39:56

信息收集-arping

信息收集-arping 简介 arping 是一个用于发送 ARP 请求和接收 ARP 回复的工具。它通常用于检查网络中的 IP 地址是否被使用&#xff0c;或发现网络中的重复 IP 地址。arping 工具类似于 ping 命令&#xff0c;但它使用的是 ARP 协议而不是 ICMP 协议。在 Kali Linux 中&#…...

编程日记 2024/7/6 8:38:55

一文了解常见DNS问题

当企业的DNS出现故障时&#xff0c;为不影响企业的正常运行&#xff0c;团队需要能够快速确定问题的性质和范围。那么有哪些常见的DNS问题呢&#xff1f; 域名解析失败&#xff1a; 当您输入一个域名&#xff0c;但无法获取到与之对应的IP地址&#xff0c;导致无法访问相应的网…...

编程日记 2024/7/6 8:36:54

TCP/IP 网络协议族分层

TCP/IP协议族 TCP/IP不单是TCP和IP两个协议&#xff0c;TCP/IP实际上是一组协议&#xff0c;它包括上百个各种功能的协议&#xff0c;如&#xff1a;远程登录、文件传输和电子邮件等&#xff0c;当然&#xff0c;也包括TCP、IP协议 它将软件通信过程抽象化为四个抽象层&#…...

编程日记 2024/7/6 8:35:53

为什么视频代剪辑会影响你的内容传播效果

为什么你精心拍的视频&#xff0c;发出去却没人看&#xff1f; 你有没有过这样的经历&#xff1a;花了一整天拍Vlog&#xff0c;素材画质高清、内容真实&#xff0c;可一剪出来就显得平淡无奇&#xff0c;点赞寥寥&#xff1f;或者婚礼当天感动全场&#xff0c;回看成片却像流水…...

编程新知 2026/5/26 1:47:12

1901-2022年中国气温变化分析实战：用这份1km栅格数据我们能发现什么？

1901-2022年中国气温变化分析实战&#xff1a;如何从1km栅格数据中挖掘气候演变规律当一份覆盖122年、分辨率精确到1公里的气温栅格数据摆在面前时&#xff0c;我们看到的不仅是数字矩阵&#xff0c;更是一部写在经纬度坐标里的气候变迁史诗。这份由逐月数据聚合生成的逐年气温…...

编程新知 2026/5/25 23:45:44

Sora 2 MOV导出画质崩坏真相：HDR10元数据丢失、BT.2020色域截断、帧率标志位误写——3大隐性缺陷紧急修复方案

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;Sora 2 MOV导出画质崩坏的系统性认知 Sora 2 在生成高保真视频后&#xff0c;导出为 MOV 格式时频繁出现色度抽样失真、动态范围压缩、帧间伪影加剧等现象&#xff0c;其本质并非单一环节失效&#xff…...

编程新知 2026/5/25 22:56:45

艾尔登法环存档迁移终极指南：3分钟解决角色转移难题

艾尔登法环存档迁移终极指南&#xff1a;3分钟解决角色转移难题 【免费下载链接】EldenRingSaveCopier 项目地址: https://gitcode.com/gh_mirrors/el/EldenRingSaveCopier 还在为《艾尔登法环》存档版本不兼容而烦恼吗&#xff1f;EldenRingSaveCopier 是你的终极解决…...

编程新知 2026/5/25 21:21:36

如何在3分钟内为任何活动搭建专业级滚动抽奖系统？Magpie-LuckyDraw全平台开源方案深度解析

如何在3分钟内为任何活动搭建专业级滚动抽奖系统&#xff1f;Magpie-LuckyDraw全平台开源方案深度解析 【免费下载链接】Magpie-LuckyDraw &#x1f3c5;A fancy lucky-draw tool supporting multiple platforms&#x1f4bb;(Mac/Linux/Windows/Web/Docker) 项目地址: https…...

编程新知 2026/5/25 21:19:36

从模糊到电影级景深：Midjourney + Topaz Gigapixel联调方案（含LUT预设包+PSD分层模板）

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;从模糊到电影级景深&#xff1a;Midjourney Topaz Gigapixel联调方案&#xff08;含LUT预设包PSD分层模板&#xff09; 当Midjourney生成的图像存在主体边缘柔化、背景层次缺失或分辨率不足等问题时&#xf…...

编程新知 2026/5/25 20:30:09

【2026实测】怎么提高论文原创度？盘点8款主流降AI工具，附结构级优化指南

写文章最怕碰到什么&#xff0c;是辛辛苦苦自己码出来的字&#xff0c;却被标了极高的AI值。目前很多文本审核机制对内容的原创度要求极高&#xff0c;纯手写的初稿也可能因为句式太工整被判定为机器生成的。 为了帮几个快被这事折腾疯了的学弟学妹找条出路&#xff0c;我花了…...

编程新知 2026/5/25 17:57:41

基于PIC32单片机实现Android USB音频转SPDIF输出的DIY方案

1. 项目概述&#xff1a;为Android设备打造一个高保真SPDIF音频接口作为一名长期折腾嵌入式音频和家庭影院的玩家&#xff0c;我经常遇到一个痛点&#xff1a;手头那些性能不错的Android手机或平板&#xff0c;其内置的3.5mm耳机孔或者USB-C口的音频输出质量&#xff0c;在连接…...

编程新知 2026/5/25 17:41:53

浏览器端音频解密技术：如何让加密音乐在本地重获新生？

浏览器端音频解密技术&#xff1a;如何让加密音乐在本地重获新生&#xff1f; 【免费下载链接】unlock-music 在浏览器中解锁加密的音乐文件。原仓库&#xff1a; 1. https://github.com/unlock-music/unlock-music &#xff1b;2. https://git.unlock-music.dev/um/web 项目…...

编程新知 2026/5/25 14:47:28

MT-R1-Zero：基于强化学习的机器翻译范式革新与实战指南

1. 项目概述&#xff1a;当强化学习遇上机器翻译 在机器翻译这个老牌的自然语言处理任务里&#xff0c;我们似乎已经习惯了“数据驱动”的剧本&#xff1a;收集海量的双语平行句对&#xff0c;用它们来监督训练模型&#xff0c;让模型学会从源语言到目标语言的映射。这套方法&a…...

编程新知 2026/5/25 14:45:25