在electron迎来3.0之际,一些备受诟病的函数和特性,也获得了改善和提升。其中,最显著的莫过于每个electron的一个入口函数了,那就是loadUrl()函数。目前最新的electron3.x系列,支持一个新的函数叫做loadFile(),简直是比原来的loadUrl()加载本地页面不知道要好用多少倍。
低版本electron不支持loadFile
在1.x和2.x的electron中,如果要使用loadFile函数,就会报错unknown function。
Uncaught Exception:
TypeError: mainWindow.loadFile is not a function
at App.createWindow (/Users/sunan/Downloads/electron-quick-start-master/main.js:13:14)
at emitTwo (events.js:130:20)
at App.emit (events.js:213:7)
loadFile 对比 loadUrl
main.js:
mainWindow
在electron迎来3.0之际,一些备受诟病的函数和特性,也获得了改善和提升。其中,最显著的莫过于每个electron的一个入口函数了,那就是loadUrl()函数。目前最新的electron3.x系列,支持一个新的函数叫做loadFile(),简直是比原来的loadUrl()加载本地页面不知道要好用多少倍。低版本electron不支持loadFile在1.x和2.x的electron中,如果要...
有时可以将参数传递给
Electron
预
加载
脚本很方便
该模块使用
Electron
2.xx
中
引入的 API,它不适用于较早的发行版!
addPre
load
WithParams(modulePath, exportName[, params, session])
modulePath
要在预
加载
中
加载
的文件的路径
exportName
要执行的导出名称
传递给默认导出功能的参数
将预
加载
脚本添加到的会话
session.defaultSession
注意事项:
渲染器的所有params都是序列化的,因此不要期望通过JSON.parse(JSON.stringify(data))无法生存的任何东西。
电子预
加载
脚本通过命令行参数传递给渲染器。 可以通过这种方式传递的数据量可能受到限制。 如果您
npm命令安装
electron
库刚接触一个新东西,难免一头雾水,如果多看一点相关的文章势必会有一个方向感,去更好的上手新东西。上手
electron
,官方提供了一个非常好的快速上手实例。这个仓库给我们初始化了一个
electron
项目,结构非常纯净,克隆下来你就可以直接改造成自己的项目。
国内也有翻译版的API文档,但是不能保证是最新的,使用时一定要看好自己的版本和翻译版。使用翻译版API。同时可以看看官方的更新日志,看看有什么新功能。官方社区有很多有用的工具,开始学习欠务必了解,涉及到项目开发调试和项目构建。这里推荐一个仓库,这个仓库收录了一些比较常用的API,克隆后跑起来你就可以快
electron
./main.js
[2576:0305/233115.864:ERROR:gpu_init.cc(454)] Passthrough is not supported, GL is disabled, ANGLE is
PS D:\软件程序\my-
electron
-app\my-fanqie> e
npm config set registry https://registry.npm.taobao.org/
npm config set
electron
_mirror http://npm.taobao.org/mirrors/
electron
/
下载相关插件
//安装
electron
运行依赖 这是一个集成工具
npm install -g node-gyp
npm install --global --production windo.
electron
打包一个壳子配置多个地址
上回说到配置应用打开的地址,咱们可以通过修改mainWindow.
load
File
或者mainWindow.
load
URL改变打包后的访问地址,但是因为收到了一个项目的需求,主要是为了减轻每次打包浪费的时间,让实施能够用一个壳子的情况下,自己配置访问的地址内容。所以翻了许多文档和方法,最后决定用一个最简单的办法解决,具体内容往下看。
我们知道打包后,实际可以把壳子看作一个浏览器(Google Chromium),所以我们就知道可以通过修改访问地址直接应用。
Electron
如何
加载
vue
页面
的呢
第一步 createWindow(),创建窗口
在src/main/index.js
中
的createWindow()
函数
中
,
Electron
-vue已经为我们写好了创建窗口的实例。在这里调用到了BrowserWindow,具体的参数设置以及使用参考官方文档。这里我们先引入BrowserWindow:
import { BrowserWindow } from...