【问题标题】:Electron app. Multiple html files电子应用程序。多个html文件
【发布时间】:2023-03-29 19:33:01
【问题描述】:

我有一个根目录中有多个 html 文件的电子应用程序。

  • index.html
  • page1.html
  • page.html

Electro 启动后,我找不到从 index.html 重定向到 page1.html 的方法。

有人知道怎么做吗?

【问题讨论】:

  • 有时人们会做一些愚蠢的事情,比如忘记一个小逗号或分号。这是其中之一。打扰您了,很抱歉

标签: javascript node.js electron


【解决方案1】:

当您的第一个页面是 index.html 时,您在创建窗口时调用该页面。

const win = new BrowserWindow(options);
win.loadUrl(`file://${__dirname}/index.html`);

如果你想加载另一个页面也许

win.loadUrl(`file://${__dirname}/page.html`);

可以帮助你。

如果页面应在用户操作(例如单击链接)后加载。您可以将链接添加到您的 index.hmtl 页面。 Electron 在这里的工作方式与浏览器完全一样。

<a href="page.html">Go to page</a>

【讨论】:

  • 我已经用链接完成了,就像在你的上一个例子中一样,我有一个问题。在新窗口中,我不能使用任何带有 require('packagename'); 的包。它说 require 没有定义。
  • 我相信这是一种解决方法。我会推荐用于路由的 JavaScript 库,例如backbone.js 或 knockout.js
  • 用 win.loadUrl(page2.html) 加载第二个 url;导致浏览器窗口在加载第二页时闪烁白屏,有没有办法避免它?
  • 显然,win.loadFile("page.html")win.loadUrl(`file://${remote.app.getAppPath()}/page.html`) 都不起作用,但你的确实起作用。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-06
  • 1970-01-01
  • 1970-01-01
  • 2021-11-11
  • 1970-01-01
相关资源
最近更新 更多