modal-dialog - 如何创建模态窗口并从渲染过程加载 HTML？

Question

这是我目前的项目结构:

main.js
index.html
download.html
src/index.js
src/style.css

main.js将创建一个 BrowserWindow 并加载 index.html , 加载 index.js和 style.css .

我想创建一个新的模态窗口并加载 download.html当在 index.html 中单击按钮时.

这是我的 index.js 的代码:

btn.onclick = function() {
  let win = new remote.BrowserWindow({
    parent: remote.getCurrentWindow(),
    modal: true
  })
  win.loadURL(`file://${__dirname}/download.html`)
}

但它正在加载 file://download.html ，不是 __dirname渲染过程中存在吗？

Answer 1

刚刚测试了这段代码(如下)并且它有效。目录结构为:

main.js
app (directory)
--- index.html
--- app.js (where the code below exists)
--- modal.html

您如何访问 remote ?

"use strict";

const { remote } = require('electron');


function openModal() {
  let win = new remote.BrowserWindow({
    parent: remote.getCurrentWindow(),
    modal: true
  })

  var theUrl = 'file://' + __dirname + '/modal.html'
  console.log('url', theUrl);

  win.loadURL(theUrl);
}