Spostarsi tra le pagine nell'app Electron

Question

In un'applicazione Electron, qual è il modo standard per navigare in pagine/posizioni diverse quando si fa clic su un collegamento?

Ho cercato di creare

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

e un file HTML denominato profile.html, ma cliccando sul link appena prende la mia app a una pagina vuota.

Che cosa accade in realtà quando si fa clic sul collegamento & qual è il modo corretto per eseguire i collegamenti di base?

Answer 1

Basta usare un parente collegamento - questo sarà il lavoro (nota n barra all'inizio):

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

Questo perché Electron utilizza locali file:// URL che mappa per il file system. Se si collega a /profile.html che cercherà il file nella directory principale dell'unità, probabilmente si desidera caricare il file dalla stessa directory.

Anche se si mette il profile.html in una directory chiamata pagine si poteva accedere in questo modo:

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

Answer 2

Electron è progettato per funzionare meglio come single-page application. Fare clic su un collegamento non dovrebbe caricare una nuova pagina ma dovrebbe manipolare il DOM per modificare i contenuti sulla stessa pagina.

Se si utilizza jQuery è possibile utilizzare schede per passare da contenuti https://jqueryui.com/tabs/

Answer 3

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

uso ./{filename} per accedere al file nella stessa directory