电子应用程序在启动时打开所有页面

时间:2019-06-25 17:12:07

标签: javascript jquery html css electron

我正在设置一个多页电子应用程序,但是,每当我启动我的应用程序时,它都会打开所有页面,并且每当我单击应该将用户带到下一页的按钮时,它就会跳过并打开该页面。其他页面。

我相信问题在于设置每个窗口的父/子关系,但是当注释或删除这些属性时,问题仍然存在。

const{app, BrowserWindow, ipcMain} = require('electron');
import{fstat} from 'fs';
import{resolve} from 'path';

const packagejson = require('../package.json')

app.commandLine.appendSwitch('touch-events', 'enabled'); 

if (require('electron-squirrel-startup')) { 
  app.quit();
}

let mainWindow;
let startWindow;
let setOriginsWindow;

const createWindow = () => {
  startWindow = new BrowserWindow({
    width: 800,
    height: 600,
  });

  startWindow.loadURL(`file://${__dirname}/index.html`);

  startWindow.webContents.openDevTools();

  startWindow.on('closed', () => {
    startWindow = null;
  });
};

app.on('ready', createWindow);

ipcMain.on('set-origins', (event) => {
  setOriginsWindow = new BrowserWindow({
  })
  setOriginsWindow.on('close', function() {setOriginsWindow = null});
  setOriginsWindow.loadURL(`file://${__dirname}/set_origin_page.html`)
  setOriginsWindow.once('ready-to-show', () => {
    setOriginsWindow.show();
  });
  setOriginsWindow.openDevTools();
  if(packagejson.ENV == "dev"){
    setOriginsWindow.openDevTools();
  }
})
    // parent:startWindow,
    // fullscreen: true,
    // modal:true,
    // show:false

ipcMain.on('start-procedure', (event) => {
  mainWindow = new BrowserWindow({
  })
  mainWindow.on('close', function () {mainWindow = null});
  mainWindow.loadURL(`file://${__dirname}/main_page.html`);
  mainWindow.once('ready-to-show', () => {
    mainWindow.show();
  });
  mainWindow.openDevTools();
  if(packagejson.ENV == "dev"){
    mainWindow.openDevTools();
  }
})

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('activate', () => {
  if (startWindow === null) {
    createWindow();
  }
});
'''

要打开的第一页应该是带有按钮的启动画面,按下该按钮将打开第2页。页面2包含一个按钮,当按下该按钮将打开第3页。

1 个答案:

答案 0 :(得分:0)

电子不适用于多页应用程序,并且在更改页面时显示空白屏幕约四分之一秒。相反,您可能想创建一个包含所有页面的文件,并使用DOM方法在它们之间切换

例如

var splash_screen = document.getElementById('splash-screen');
var second_screen = document.getElementById('second-screen');
var third_screen = document.getElementById('third-screen');
document.removeChild(second_screen)
document.removeChild(third_screen)
var splash_button_click = () => {
document.removeChild(splash_screen);
document.appendChild(second_screen);
}