海面有风
梦想很大,仍需努力
展开
-
08.electron-(渲染进程间的通信)
渲染进程间的通信常规:渲染进程间的通信必须借助主进程,才能实现渲染进程间的通信也可以:使用 localStorage 将信息存入到浏览器中,在新窗口中,在通过 localStorage 获取场景一:父窗口传递消息到子窗口首页<!DOCTYPE html><html><head></head><body> <button id="btn">打开新窗口</button> <script原创 2022-04-05 09:47:18 · 343 阅读 · 0 评论 -
07.electron-(渲染进程和主进程)通信
渲染进程和主进程的通信渲染进程主动给主进程发送消息,主进程接收并回复消息ipcMain :主进程接收和发送消息ipcRenderer:渲染进程接收和发送消息分别加载渲染进程和主进程文件ipcMain/ipcMain.js主进程const createWindow = () => { require('./ipcMain/ipcMain'); }ipcRenderer/ipcRenderer.js 渲染进程<html> <head>原创 2022-04-05 09:46:12 · 251 阅读 · 0 评论 -
06.electron-(自定义右键菜单)
自定义右键菜单方法一:渲染进程使用@electron/remote 模块实现安装 @electron/remotenpm install --save @electron/remoteipcRenderer/index.jsconst remote = require('@electron/remote')const Menu=remote.Menu;var menuContextTemplate = [ { label:"复制", role:"co原创 2022-04-04 13:22:28 · 802 阅读 · 0 评论 -
05.electron-(自定义菜单)
自定义菜单在主进程中定义自定义菜单ipcMain/menu.jsconst { Menu } = require("electron");//https://www.electronjs.org/docs/api/menu-itemvar menuTemplate = [ { label:"文件", // 二级菜单 submenu:[ { label:"新建",原创 2022-04-04 13:20:55 · 890 阅读 · 0 评论 -
04.electron-(使用remove模块及安全策略)
Electron 主进程和渲染进程中的模块remote模块主要作用:提供了一种在渲染进程(网页)和主进程之间进行进程间通讯(IPC)的简便途径例子:在渲染进程(index.html)中创建新的窗口注意:Electron10.x 之前可以直接使用 remote 模块Electron10.x 以后 Electron14.x 以前要使用 remote 模块的话必须得在 BrowserWindow 中通过 enableRemoteModule: true 开启Electron14.x 以后官方把内原创 2022-04-04 13:19:06 · 240 阅读 · 0 评论 -
03.electron-(调用H5 API)
文件拖拽,读取文件内容main.jsconst { app, BrowserWindow } = require("electron");const path = require("path");const createWindow = () => { const mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences:{原创 2022-04-03 14:24:54 · 753 阅读 · 0 评论 -
02.electron-(进程)
Electron 运行流程主进程和渲染进程package.json中定义的入口被称为主进程。在主进程中实例化 BrowserWindow 创建的 Web 页面被称为渲染进程。// main.js 主进程const createWindow = () => { // 渲染进程一 const mainWindow = new BrowserWindow({ width: 600, height: 400 });原创 2022-04-03 14:22:29 · 626 阅读 · 0 评论 -
01.electron-(创建项目)
克隆仓库创建 electron 项目git clone https://github.com/electron/electron-quick-startcd electron-quick-startnpm install && npm start使用 electron-forge 搭建 electron 项目npx create-electron-app 项目名cd 项目名npm start手动创建 electron 项目主进程main.jsconst { app, Br原创 2022-04-03 14:16:31 · 1507 阅读 · 0 评论