支持的 Chrome 命令行开关 环境变量 自定义的 DOM 元素 File 对象 标签 window.open 函数 在主进程内可用的模块 app autoUpdater BrowserWindow contentTracing dialog globalShortcut ipcMain Menu MenuItem powerMonitor - 2 - 本文档使用 书栈(BookStack .asar/dir/module.js'); 你也可以使用 BrowserWindow 来显示一个 asar 包里的 web 页面： 1. const BrowserWindow = require('electron').BrowserWindow; 2. var win = new BrowserWindow({width: 800, height: 600}); 3. win Extension。 对于大多数DevTools的扩展，你可以直接下载源码，然后通过 BrowserWindow.addDevToolsExtension API 加载它 们。Electron会记住已经加载了哪些扩展，所以你不需要每次创建一个新window时都调用 BrowserWindow.addDevToolsExtension API。 注：React DevTools目前不能直接工作，详情留意

createWindow createWindow == (()) => => {{ mainWindow mainWindow == new new BrowserWindow BrowserWindow(( {{ width width:: 800 800,, height height:: 600 contextMenu(({{ prepend prepend:: ((defaultActions defaultActions,, params params,, browserWindow browserWindow)) => => [[ {{ label label:: 'Rainbow' 'Rainbow' createWindow createWindow == (()) => => {{ mainWindow mainWindow == new new BrowserWindow BrowserWindow(( {{ // width: 800, // width: 800, Log⽇志 46 //

Vue项目实践 项⽬目实践 Electron原理理 两个核心 Main-process Render-process 应⽤用架构选型 项⽬目实践 BrowserWindow 多窗⼝口 单窗⼝口 BrowserWindow BrowserWindow 业务1 业务2 适⽤用场景 IDE, IM等 业务1 业务2 特点：项⽬目协同开发，多任务处理理 适⽤用场景 ⼯工具，流程 特点：交互简单，通信⽅方便便

inessSelected', JSON. stringify(item)); }); // 除此之外，插件侧也可以通过 localStorage 向 WebView 注入数据 browserWindow.webContents.executeJavaScript( `localStorage.setItem("${key}",'${data}')` ); 第三步：当用户通过 > 美团 2020 技术年货 initWebviewData(browserWindow); browserWindow.focus(); browserWindow.show(); }); // 注入全局初始化信息 function initWebviewData(browserWindow) { const businessItem = Settings. settingForKey('onBusinessSelected'); browserWindow.webContents. executeJavaScript(`initBusinessData(${businessItem})`); } WebView 侧功能模块收到初始化信息，开始进行页面渲染前的数据准备。Object. keys() 方法会返回一个由给定对象的自身可枚举属性组成的数组，遍历这个数组即

const { app, BrowserWindow} = require('electron') const path = require('path') const url = require('url') let window = null function createWindow () { mainWindow = new BrowserWindow({ width: 800