web-dev-qa-db-ja.com

Electronアプリのページ間を移動する

Electronアプリケーションで、リンクをクリックしたときに別のページ/場所に移動する標準的な方法は何ですか？

作ってみました

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

そして、profile.htmlという名前のHTMLファイルですが、リンクをクリックすると、アプリが空白ページに移動します。

リンクがクリックされたときに実際に何が起こっているか、および基本的なリンクを行うための正しい方法は何ですか？

electron
13
Don P

relativeリンクを使用するだけです-これは機能します（最初にスラッシュがないことに注意してください）：

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

これは、Electronがファイルシステムにマップするローカルfile:// URLを使用するためです。 /profile.htmlにリンクすると、ドライブのルートでファイルが検索され、おそらく同じディレクトリからファイルをロードする必要があります。

また、profiles.htmlをpagesというディレクトリに配置すると、次のようにアクセスできます。

<a href="pages/profile.html">profile</a>
17
Alex Warren

Electronは 単一ページのアプリケーション として最適に機能するように設計されています。リンクをクリックしても新しいページは読み込まれませんが、DOMを操作して同じページのコンテンツを変更する必要があります。

Jqueryを使用する場合、タブを使用してコンテンツ間を交換できます https://jqueryui.com/tabs/

4
J-C FOREST
<a href="./profile.html>profile</a>

./{filename}を使用して同じディレクトリ内のファイルにアクセスする

1
Nihar Patel