在 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} 访问同一目录下的文件
在 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} 访问同一目录下的文件