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

Question

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

我尝试创建

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

和一个名为profile.html的HTML文件，但点击该链接只会将我的应用转到空白页面。

点击链接时实际发生的情况＆amp;做基本链接的正确方法是什么？

Answer 1

只需使用相对链接 - 这将有效（请注意开头没有斜线）：

Server > Server Settings > HTTP Binding

这是因为Electron使用映射到您的文件系统的本地<a href="profile.html">profile</a> 网址。如果链接到将在驱动器根目录中查找文件的file://，您可能希望它从同一目录中加载文件。

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

/profile.html

Answer 2

电子被设计为最适合single-page application。 单击链接不应加载新页面，但应操纵DOM以更改同一页面上的内容。

如果您使用jquery，则可以使用Tabs在内容https://jqueryui.com/tabs/

之间进行切换

Answer 3

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

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