2022年12月12日
10、electron showOpenDialog选择文件
摘要： 知识点： dialog.showOpenDialog([browserWindow, ]options[, callback]) browserWindow BrowserWindow (可选) options Object title String defaultPath String filte 阅读全文
posted @ 2022-12-12 16:23 ziff123 阅读(2664) 评论(0) 推荐(0)
9、electron子窗口向父窗口传递参数
摘要： 主要用到了js 里面的 window.opener.postMessage(); 在html页可以直接运行，跟electron没有直接关系 1、新建父窗口页“06父窗口接收子窗口.html” 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta 阅读全文
posted @ 2022-12-12 14:42 ziff123 阅读(750) 评论(0) 推荐(0)
2022年12月9日
8、electron嵌入网页
摘要： 1、新建渲染进程 “嵌入网页.htm” <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v 阅读全文
posted @ 2022-12-09 15:55 ziff123 阅读(793) 评论(0) 推荐(0)
7、electron通过浏览器打开链接
摘要： electron默认打开链接是在当前程序里面打开，可以通过系统的浏览器默认打开链接 1、新建渲染进程页“通过浏览器打开链接.html” <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X 阅读全文
posted @ 2022-12-09 15:09 ziff123 阅读(1820) 评论(0) 推荐(0)
6、electron创建右键菜单
摘要： 1、创建右键菜单，并添加到右键事件 //右键菜单 let rightTemplate = [ { label:'复制', accelerator:'ctrl+c' }, { label:'粘贴', accelerator:'ctrl+v' }, ]; var m = Menu.buildFromTe 阅读全文
posted @ 2022-12-09 14:22 ziff123 阅读(792) 评论(0) 推荐(0)
5、electron配置菜单
摘要： 1、创建菜单配置文件menu.js 1 const {Menu,BrowserWindow} = require('electron'); //引入 2 3 let template = [ 4 { 5 label:'文件', //父菜单 6 accelerator:'ctrl+f', // 设置快 阅读全文
posted @ 2022-12-09 11:16 ziff123 阅读(410) 评论(0) 推荐(0)
2022年12月8日
4、electron打开子窗口
摘要： 1、安装remote模块 npm install @electron/remote --save 2、主进程index.js 1 var electron = require('electron') 2 3 var app = electron.app //引用APP 4 var BrowserWi 阅读全文
posted @ 2022-12-08 17:22 ziff123 阅读(960) 评论(0) 推荐(0)
2022年12月7日
3、electron读取文本文本文件内容展示到页面
摘要： 1、项目根目录下创建一个文件文件test.txt 2、index.html页面源码： <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <meta name="renderer" content="webkit"> <me 阅读全文
posted @ 2022-12-07 17:29 ziff123 阅读(535) 评论(0) 推荐(0)
2022年12月4日
2、electron第一个程序
摘要： 1、新建index.html文件 内容为： <h1>hello word</h1> 2、新建index.js 内容为 var electron = require('electron') var app = electron.app //引用APP var BrowserWindow = elect 阅读全文
posted @ 2022-12-04 18:01 ziff123 阅读(47) 评论(0) 推荐(0)
2022年12月3日
1、electron环境配置
摘要： 一、安装nodejs、npm 二、新建项目 1、新建文件夹用VScode打开 2、执行命令npm init 3、安装electron，执行命令：npm install electron --save-dev （下载慢可以先设置淘宝镜像：npm config set registry https:// 阅读全文
posted @ 2022-12-03 20:38 ziff123 阅读(170) 评论(0) 推荐(0)