Visualizza l'anteprima di un file HTML senza eseguirlo
Un file .html, .htm o .xhtml può essere aperto in una scheda di anteprima. GitTree lo analizza sul tuo computer, rimuove script, frame e altri contenuti attivi e mostra il resto in un frame sandbox senza rete. Gli stili in linea e le data: immagini possono rimanere. L'anteprima non esegue la pagina.
Funziona in GitTree Gratuito: tutte le funzionalità Git locali, senza bisogno di un account.
In questa pagina
Prima di iniziare
- L'anteprima fa parte del piano gratuito. Il file si trova nel repository che hai aperto oppure è la copia di lavoro di quel percorso.
- Vuoi leggere la pagina, non eseguirla. Una pagina che dipende da script o da una rete apparirà incompleta. Questa è la sandbox, non un caricamento non riuscito del repository.
Dove trovarlo
- Apri il file dal browser file. Un percorso che termina con
.html,.htmo.xhtmlpuò aprirsi in anteprima, come fa Markdown. - Open Preview dove il menu del file lo offre.
| Azione | macOS | Windows e Linux |
|---|---|---|
| Mettere a fuoco l'elenco dei file | ⌘⇧E | Ctrl+Shift+E |
Passi
Apri il file
Nell'elenco dei file, aprire la pagina. GitTree tratta
.html,.htme.xhtmlcome file di anteprima, insieme a Markdown. La scheda mostra la pagina renderizzata anziché solo la fonte. Passa all'editor di origine quando desideri il testo.
Apri un file HTML da questo elenco. La scheda di anteprima è la vista successiva. L'immagine è l'elenco dei file.GitTree interfaccia con un repository dimostrativo. Leggi la pagina sandbox
La politica del frame è
default-src 'none'; style-src 'unsafe-inline'; img-src data:; font-src data:. Script,base, meta di aggiornamento, iframe, frame, oggetti, incorporamenti, applet e portali vengono rimossi prima che il frame veda il documento. Le immagini remote non vengono caricate. È possibile incorporare un collegamento al foglio di stile che punta a un altro file nel repository, fino a 64 risorse.Notare quando la pagina è stata ridotta
Se sono stati rimossi script o contenuto remoto, la pagina viene contrassegnata come ridotta. Quello che vedi è il resto statico. Un collegamento che avrebbe lasciato il file non è una navigazione che GitTree eseguirà all'interno del frame. Apri il sorgente per leggere la parte che è stata rimossa.
Modifica la fonte, quindi visualizza di nuovo l'anteprima
Modifica il file nell'editor e apri nuovamente l'anteprima. Il parser funziona sul testo che hai. Non recupera la pagina da un host. Esegui il commit del file dalla casella di commit quando desideri la modifica nella cronologia. L'anteprima non fa commit.
Risultato atteso
La scheda mostra la pagina statica: stili in linea e risorse locali in linea, senza script e senza accesso alla rete. Il repository rimane invariato dall'anteprima. Utilizza la scheda origine per confermare che un tag previsto sia ancora nel file anche se il frame non lo esegue.
Cosa viene rimosso
| Elemento o riferimento | Cosa succede |
|---|---|
| sceneggiatura | Rimosso. Non funziona. |
| iframe, frame, oggetto, incorporamento, applet, portale | Rimosso. Non si caricano. |
| aggiornamento base e meta | Rimosso in modo che il frame non possa essere reindirizzato. |
| URL dell'immagine o del carattere remoto | Non caricato. Solo dati: sono consentite immagini e caratteri. |
| Foglio di stile nel repository | Inline quando è uno dei primi 64 asset. |
La policy viene inserita all’inizio dell’elemento HTML head, prima di qualsiasi contenuto della pagina. Una pagina può solo restringere tale politica, non ampliarla. L'analisi non esegue la pagina e non legge i file nominati finché l'anteprima non riempie le risorse che ha deciso di conservare.
HTML e Markdown
La stessa regola "si apre in una scheda di anteprima" copre Markdown e queste estensioni di pagina. Markdown viene reso come Markdown. L'HTML viene analizzato come documento e quindi inserito in sandbox. Un file .html non viene passato attraverso il renderer Markdown. Apri e modifica file è l'editor. L'anteprima è la scheda aggiuntiva.
git show HEAD:docs/index.html
git check-ignore -v docs/index.htmlgit show stampa il file confermato. L'anteprima mostra la copia di lavoro quando è quella che hai aperto. Le regole Ignora non nascondono un file già tracciato. La lezione tutorial sulla lettura di un confronto riguarda il modo in cui confronti la fonte, che l'anteprima non sostituisce.
Limiti
Ogni risorsa è una lettura e la pagina conserva al massimo 64 percorsi. Le risorse passate rimangono come erano nella pagina, senza essere inserite. Una pagina molto grande viene analizzata una volta per testo. Il riempimento delle risorse non lo analizza nuovamente. L'anteprima è volutamente offline. Non corrisponderà a un browser a cui è consentito eseguire script e chiamare una rete.
Se qualcosa va storto
La pagina è vuota o manca il layout.
Gli stili possono provenire da un foglio remoto o da uno script. Quelli non sono caricati. Incorpora gli stili nel repository, entro il limite di 64 risorse, oppure leggi la fonte.
Mancano le immagini.
Le immagini remote sono bloccate. Un'immagine nel repository viene mostrata quando diventa un data: URL all'interno del limite delle risorse. Controlla il percorso utilizzato dalla pagina. Un percorso che lascia il repository viene eliminato.
Un pulsante non fa nulla.
Gli script sono stati rimossi. L'anteprima non li esegue. Utilizza un browser di cui ti fidi se devi eseguire la pagina e solo per un file che hai letto.
L'anteprima non corrisponde al file salvato.
Stai guardando la copia di lavoro. git show HEAD:path stampa il testo confermato. Conferma o scarta, se vuoi che corrispondano.
Domande
L'anteprima esegue JavaScript?
No. Gli elementi dello script vengono rimossi e la policy del frame imposta default-src su none. La pagina non viene eseguita.
Carica le immagini dalla rete?
No. img-src e font-src consentono solo dati: URL. Le immagini del repository vengono integrate come dati quando rientrano nel limite delle risorse.
Quali estensioni si aprono come una pagina?
html, htm e xhtml. Markdown si apre nell'anteprima Markdown. Altri file si aprono come sorgente o come diff.
Una pagina può allentare la sandbox?
No. La policy frame viene inserita per prima. Una pagina può solo restringerla. Un meta aggiornamento o un URL di base viene rimosso.
L'anteprima HTML è una funzionalità Pro?
No. Fa parte del piano gratuito e non è necessario alcun account.