加载完成后显示窗口

加载完成后显示窗口"/>

加载完成后显示窗口

当我创建基本应用程序并使用

electron

命令对其进行初始化时，它会显示一个空白窗口，稍后加载内容。

内容完全加载后应该使用哪个事件和哪个对象来显示窗口？

did-finish-load

在

window.webContent

对象上？或者也许

dom-ready

？还是别的什么？

app.js：

var app = require('app'),
    Window = require('browser-window'),
    mainWindow = null;

require('crash-reporter').start();

app.on('ready', function() {
   mainWindow = new Window({ width: 600, height: 400, show: false });

   mainWindow.loadUrl('file://' + __dirname + '/index.html');
   mainWindow.show();

   //
   // mainWindow.webContent.on('did-finish-load', function() {
   //     something like that is a proper way?
   // });
   //
});

回答如下：

OK，我自己找到了答案。正确的事件是

did-finish-load

，应该这样使用：

var Window = new BrowserWindow({ width: 600, height: 400, show: false });
Window.loadUrl('file://somefile.html');
Window.webContents.on('did-finish-load', function() {
    Window.show();
});

---

对于找到这个答案的人——在这里你可以查看官方电子文档关于这个主题：

在加载页面时，如果窗口尚未显示，则在渲染器进程第一次渲染页面时会触发准备显示事件。在此事件后显示窗口将没有视觉闪光：

let win = new BrowserWindow({show: false})
win.once('ready-to-show', () => {
  win.show()
})