随笔分类 - electron

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 阅读(1675) 评论(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 阅读(715) 评论(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 阅读(388) 评论(0) 推荐(0) 编辑

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 阅读(914) 评论(0) 推荐(0) 编辑

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 阅读(483) 评论(0) 推荐(0) 编辑

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 阅读(36) 评论(0) 推荐(0) 编辑

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 阅读(143) 评论(0) 推荐(0) 编辑