在 Electron 应用程序的页面之间导航

Navigate between pages in Electron app

在 Electron 应用程序中,单击 link 时导航到不同页面/位置的标准方法是什么?

我尝试创建

   <a href="/profile.html>profile</a>

和一个名为 profile.html 的 HTML 文件,但单击 link 只会将我的应用带到空白页面。

单击 link 时实际发生了什么?基本 link 的正确方法是什么?

只需使用 relative link - 这会起作用(注意开头没有斜杠):

<a href="profile.html">profile</a>

这是因为 Electron 使用映射到您的文件系统的本地 file:// URL。如果您 link 到 /profile.html 将在驱动器的根目录中查找文件,并且您可能希望它从同一目录加载文件。

此外,如果您将 profile.html 放在名为 pages 的目录中,您可以像这样访问它:

<a href="pages/profile.html">profile</a>

Electron 旨在作为 single-page application 发挥最佳性能。 单击 link 不应加载新页面,但应操纵 DOM 更改同一页面上的内容。

如果您使用 jquery,您可以使用制表符在内容之间切换 https://jqueryui.com/tabs/

<a href="./profile.html>profile</a>

使用./{filename} 访问同一目录下的文件