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

Don*_*n P 13 electron

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

我试过创作

   <a href="/profile.html>profile</a>
Run Code Online (Sandbox Code Playgroud)

和一个名为profile.html的HTML文件,但点击链接只需将我的应用程序转到空白页面.

单击链接时实际发生的情况以及执行基本链接的正确方法是什么?

Ale*_*ren 16

只需使用相对链接 - 这将起作用(注意开头没有斜线):

<a href="profile.html">profile</a>
Run Code Online (Sandbox Code Playgroud)

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

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

<a href="pages/profile.html">profile</a>
Run Code Online (Sandbox Code Playgroud)

  • 我怀疑这是一种有效的方法.更改页面时屏幕闪烁1秒.还有另一种专门针对电子的方式...... (11认同)

小智 5

Electron 被设计为最好的单页应用程序。单击链接不应加载新页面,而应操作 DOM 以更改同一页面上的内容。

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