Electron
Electron
HarryHY
从入门到放弃
展开
-
electron .执行报错
当我半年没有碰electron的时候出现了这个'electron' 不是内部或外部命令,也不是可运行的程序或批处理文件。npm ERR! code ELIFECYCLEnpm ERR! [email protected] start: `electron .`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the [email protected] start script.npm ERR! This is probably not a problem原创 2021-05-06 20:05:13 · 5386 阅读 · 0 评论 -
前端学习之路Electron——window.open页面传递数据
father.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我是一级的页面</title></head><bod <d原创 2020-10-13 01:23:47 · 1333 阅读 · 0 评论 -
前端学习之路Electron——File
<div style="background-color: red; width: 100%;height: 300px;" id="bb1"> <button> file </button> <div> 拖拽文件 </div> </div> const fs = require('fs'); ...原创 2020-10-08 17:45:00 · 275 阅读 · 0 评论 -
前端学习之路Electron——process
在沙盒化的渲染进程中, process 对象只包含了API的一个子集:crash()hang()getCreationTime()getHeapStatistics()getBlinkMemoryInfo()getProcessMemoryInfo()getSystemMemoryInfo()getSystemVersion()getCPUUsage()getIOCounters()argvexecPathenvpidarchplatform沙盒化typeversio原创 2020-09-21 22:51:40 · 1190 阅读 · 0 评论 -
前端学习之路Electron——简单生命周期
下面就是electron 的大致周期顺序ready dom-ready //一个框架中的文本加载完成后触发该事件。did-finish-load //导航完成时触发,即选项卡的旋转器将停止旋转,并指派onload事件后。window-all-closed //当所有窗口被关闭时触发before-quit //在关闭窗口之前触发will-quit //在关闭窗口都已经关闭并且应用程序退出时quit ////当所有窗口被关闭时触发closed //当窗口关闭时发出。收到此事件后,应删除对窗口原创 2020-09-21 21:53:40 · 1463 阅读 · 0 评论 -
前端学习之路Electron——调试主进程(main.js)
–inspect//main.js"start":"electron --inspect-brk=5858 .",如何看到你的main.js进行调试 或者是 打断点打开你的谷歌浏览器 在地址上输入 下面chrome://inspect/然后你会看到你的然后在你的config中输入一个你想要的地址localhost:5858点击下done在去你的项目中启动然后点击inspect然后就可以看到你的main.js的调试了官网的API...原创 2020-09-13 21:05:42 · 1348 阅读 · 0 评论 -
前端学习之路Electron——剪切板
js部分 const {clipboard} = require('electron'); const code = document.querySelector('#code'); code.onclick = function(){ clipboard.writeText(code.innerHTML) ...原创 2020-05-02 22:34:57 · 1378 阅读 · 0 评论 -
前端学习之路Electron——全局注册、注销快捷键
关键代码var globalShortcut = electron.globalShortcut; globalShortcut.register("ctrl+g", () => { mainWindow.loadURL("https://www.baidu.com/"); }); app.on("quit", () => { globalShortcut.u...原创 2020-05-02 22:06:31 · 973 阅读 · 1 评论 -
前端学习之路Electron——桌面消息通知栏
关键代码new window.Notification(onlineOpetion.title,onlineOpetion) let offlineOpetion = { title:'您的网络暂时无法连接', body:'请检查您的网络' } let onlineOpetion = { ...原创 2020-05-02 18:48:26 · 4505 阅读 · 2 评论 -
前端学习之路Electron——在线/离线事件探测
JS代码在渲染进程中, Online and offline 事件检测,是通过标准 HTML5 API 中 navigator.onLine 属性来实现的。 脱机时 (从网络断开), navigator.onLine 属性将返回 false, 除此之外都返回true 。 由于所有其他条件都返回 true, 因此必须警惕信息误报, 因为我们不能保证 true 的情况下 Electron 一定可以访...原创 2020-05-02 18:37:45 · 588 阅读 · 0 评论 -
前端学习之路Electron——弹出框
html部分 <div id="msgbtn"> msgbtn </div>JS部分:dialog.showMessageBox({ type:'warning', title:'喜欢哪一个?', message:'喜欢迪丽热巴还是古力娜扎'...原创 2020-05-02 18:10:19 · 2593 阅读 · 0 评论 -
前端学习之路Electron——保存文件
html部分 <div id="savetxt"> savetxt </div>JS部分:dialog.showSaveDialog const fs = require('fs') let savetxt = document.querySelector('#savetxt'); sa...原创 2020-04-24 15:54:56 · 3355 阅读 · 0 评论 -
前端学习之路Electron——选择文件对话框
打开选择文件对话框——dialog这个title就是下面红色框你的title const {dialog} = require('electron').remote; const {dialog} = require('electron').remote let opentext = document.querySelector('#opentext'); ...原创 2020-04-23 18:22:05 · 2083 阅读 · 0 评论 -
前端学习之路Electron——子窗口传递父窗口
子窗口html部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2020-04-21 17:55:01 · 1907 阅读 · 0 评论 -
前端学习之路Electron——实现iframe
在你的入口文件下我的是main.js let BrowserView = electron.BrowserView let view = new BrowserView(); mainWindow.setBrowserView(view); view.setBounds({x:0,y:120,width:1920,height:960}) view.webC...原创 2020-04-21 17:27:11 · 6450 阅读 · 2 评论 -
前端学习之路Electron——利用electron浏览器打开外部链接
demo.html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2020-04-21 17:11:51 · 4069 阅读 · 1 评论 -
前端学习之路Electron——打开调试模式
进入调试模式: mainWindow.webContents.openDevTools()main.js入口文件var electron = require('electron') var app = electron.app var BrowserWindow = electron.BrowserWindow;var mainWindow = null ;app....原创 2020-04-17 11:46:46 · 5248 阅读 · 0 评论 -
前端学习之路Electron——右键菜单
demo.html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2020-04-17 11:45:03 · 838 阅读 · 2 评论 -
前端学习之路Electron——Menu和点击事件、快捷键
menu.js部分const { Menu,BrowserWindow } = require("electron");var template = [ { label: "首页", submenu: [ { label: "会员中心", click: () => { var win = new Brow...原创 2020-04-17 10:41:52 · 2147 阅读 · 0 评论 -
前端学习之路Electron——remote
打开一个新的窗口——const BrowserWindow = require(‘electron’).remote.BrowserWindowdemo.html部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view...原创 2020-04-17 09:10:03 · 1020 阅读 · 3 评论 -
前端学习之路Electron——流程
Electron的运行流程首先是Package.json读取入口文件。main.js——入口文件然后是main.js主进程中创建渲染进程其次是读取应用页面的布局和样式最后是使用IPC在主进程执行任务并获取信息Electron的渲染过程package.json中定义的入口文件就是主进程,那一般一个程序只有一个主进程,而我们可以利用一个主进程,打开多个子窗口。由于Electron使用了C...原创 2020-04-17 09:06:59 · 259 阅读 · 0 评论 -
前端学习之路Electron——安装
安装npm install -g electron查看版本electron -V原创 2020-04-16 23:11:31 · 214 阅读 · 0 评论