Sehen Sie sich eine HTML-Datei in der Vorschau an, ohne sie auszuführen
Eine .html-, .htm- oder .xhtml-Datei kann in einem Vorschau-Tab geöffnet werden. GitTree analysiert es auf Ihrem Computer, entfernt Skripte, Frames und andere aktive Inhalte und zeigt den Rest in einem Sandbox-Frame ohne Netzwerk an. Inline-Stile und data: Bilder können bestehen bleiben. Die Vorschau führt die Seite nicht aus.
Funktioniert in GitTree Kostenlos: alle lokalen Git-Funktionen, kein Konto erforderlich.
Auf dieser Seite
Bevor Sie beginnen
- Die Vorschau ist Teil des kostenlosen Plans. Die Datei befindet sich in dem von Ihnen geöffneten Repository oder ist die Arbeitskopie dieses Pfads.
- Sie möchten die Seite lesen und nicht ausführen. Eine Seite, die von Skripten oder einem Netzwerk abhängt, sieht unvollständig aus. Das ist die Sandbox, kein fehlgeschlagener Ladevorgang des Repositorys.
Wo es zu finden ist
- Öffnen Sie die Datei über den Dateibrowser. Ein Pfad, der mit
.html,.htmoder.xhtmlendet, kann wie Markdown als Vorschau geöffnet werden. - Open Preview, wo das Menü der Datei es anbietet.
| Aktion | macOS | Windows und Linux |
|---|---|---|
| Fokussieren Sie die Dateiliste | ⌘⇧E | Ctrl+Shift+E |
Schritte
Öffnen Sie die Datei
Öffnen Sie in der Dateiliste die Seite. GitTree behandelt
.html,.htmund.xhtmlzusammen mit Markdown als Vorschaudateien. Auf der Registerkarte wird die gerenderte Seite und nicht nur die Quelle angezeigt. Wechseln Sie zum Quelleditor, wenn Sie den Text benötigen.
Öffnen Sie eine HTML-Datei aus dieser Liste. Die Registerkarte „Vorschau“ ist die nächste Ansicht. Das Standbild ist die Dateiliste.GitTree-Schnittstelle mit einem Demonstrations-Repository. Lesen Sie die Sandbox-Seite
Die Richtlinie des Frames lautet
default-src 'none'; style-src 'unsafe-inline'; img-src data:; font-src data:. Skripte,base, Aktualisierungsmetas, Iframes, Frames, Objekte, Einbettungen, Applets und Portale werden entfernt, bevor der Frame das Dokument sieht. Remote-Bilder werden nicht geladen. Ein Stylesheet-Link, der auf eine andere Datei im Repository verweist, kann eingebunden werden, bis zu 64 Assets.Beachten Sie, wann die Seite verkleinert wurde
Wenn Skripte oder Remote-Inhalte entfernt wurden, wird die Seite als reduziert markiert. Was Sie sehen, ist der statische Rest. Ein Link, der die Datei verlassen hätte, ist keine Navigation, die GitTree innerhalb des Frames durchführen wird. Öffnen Sie die Quelle, um den entfernten Teil zu lesen.
Bearbeiten Sie die Quelle und zeigen Sie sie erneut in der Vorschau an
Ändern Sie die Datei im Editor und öffnen Sie die Vorschau erneut. Der Parser läuft auf dem Text, den Sie haben. Die Seite wird nicht von einem Host abgerufen. Übertragen Sie die Datei über das Commit-Feld, wenn Sie die Änderung im Verlauf wünschen. Die Vorschau wird nicht committet.
Erwartetes Ergebnis
Die Registerkarte zeigt die statische Seite: Inline-Stile und integrierte lokale Assets, ohne Skripte und ohne Netzwerkzugriff. Das Repository bleibt durch die Vorschau unverändert. Verwenden Sie die Registerkarte „Quelle“, um zu bestätigen, dass ein erwartetes Tag noch in der Datei vorhanden ist, auch wenn der Frame es nicht ausführt.
Was wird entfernt
| Element oder Referenz | Was geschieht |
|---|---|
| Skript | Entfernt. Es läuft nicht. |
| Iframe, Frame, Objekt, Einbettung, Applet, Portal | Entfernt. Sie laden nicht. |
| Basis- und Meta-Aktualisierung | Entfernt, damit der Frame nicht erneut ausgerichtet werden kann. |
| Remote-Bild- oder Schriftart-URL | Nicht geladen. Nur Daten: Bilder und Schriftarten sind erlaubt. |
| Stylesheet im Repository | Eingebunden, wenn es sich um eines der ersten 64 Assets handelt. |
Die Richtlinie steht am Anfang des HTML-Elements head, vor allen Inhalten der Seite. Eine Seite kann diese Richtlinie nur einschränken, nicht erweitern. Beim Parsen wird die Seite nicht ausgeführt und die von ihr benannten Dateien erst dann gelesen, wenn die Vorschau die Assets füllt, die sie behalten möchte.
HTML und Markdown
Die gleiche Regel „Öffnet in einem Vorschau-Tab“ gilt auch für Markdown und diese Seitenerweiterungen. Markdown wird als Markdown gerendert. HTML wird als Dokument analysiert und dann in eine Sandbox umgewandelt. Eine .html-Datei wird nicht durch den Markdown-Renderer geleitet. Dateien öffnen und bearbeiten ist der Editor. Die Vorschau ist die zusätzliche Registerkarte.
git show HEAD:docs/index.html
git check-ignore -v docs/index.htmlgit show druckt die committete Datei. Die Vorschau zeigt die Arbeitskopie, wenn Sie diese geöffnet haben. Durch Ignorierungsregeln wird eine bereits verfolgte Datei nicht ausgeblendet. In der Tutorial-Lektion zum Lesen eines Diffs geht es darum, wie Sie die Quelle vergleichen, die die Vorschau nicht ersetzt.
Grenzen
Jedes Asset ist ein Lesevorgang und die Seite enthält höchstens 64 Pfade. Darüber hinausgehende Assets bleiben so, wie sie auf der Seite vorhanden waren, ohne eingezogen zu werden. Eine sehr große Seite wird einmal pro Text analysiert. Durch das Füllen von Assets wird es nicht erneut analysiert. Die Vorschau ist absichtlich offline. Es passt nicht zu einem Browser, der Skripte ausführen und ein Netzwerk aufrufen darf.
Wenn etwas schief geht
Die Seite ist leer oder es fehlt ihr Layout.
Stile können von einem Remote-Blatt oder einem Skript stammen. Diese sind nicht geladen. Binden Sie die Stile im Repository ein, innerhalb der Beschränkung auf 64 Assets, oder lesen Sie die Quelle.
Bilder fehlen.
Remote-Bilder werden blockiert. Ein Bild im Repository wird angezeigt, wenn es zu einer Daten-URL innerhalb des Asset-Limits wird. Überprüfen Sie den Pfad, den die Seite verwendet. Ein Pfad, der das Repository verlässt, wird gelöscht.
Ein Knopf bewirkt nichts.
Skripte wurden entfernt. Die Vorschau führt sie nicht aus. Verwenden Sie einen vertrauenswürdigen Browser, wenn Sie die Seite ausführen müssen, und zwar nur für eine Datei, die Sie gelesen haben.
Die Vorschau stimmt nicht mit der committeten Datei überein.
Sie sehen sich die Arbeitskopie an. git show HEAD:path gibt den committeten Text aus. Übernehmen oder verwerfen Sie, wenn Sie möchten, dass diese übereinstimmen.
Fragen
Wird in der Vorschau JavaScript ausgeführt?
Nein. Skriptelemente werden entfernt und die Richtlinie des Frames setzt „default-src“ auf „none“. Die Seite wird nicht ausgeführt.
Lädt es Bilder aus dem Netzwerk?
Nein. img-src und font-src erlauben nur Daten: URLs. Repository-Bilder werden als Daten eingebunden, wenn sie innerhalb der Asset-Grenze liegen.
Welche Erweiterungen werden als Seite geöffnet?
html, htm und xhtml. Markdown wird in der Markdown-Vorschau geöffnet. Andere Dateien werden als Quelle oder als Diff geöffnet.
Kann eine Seite die Sandbox auflockern?
Nein. Die Rahmenrichtlinie wird zuerst eingefügt. Eine Seite kann es nur eingrenzen. Eine Metaaktualisierung oder eine Basis-URL wird entfernt.
Ist die HTML-Vorschau eine Pro-Funktion?
Nein. Es ist Teil des kostenlosen Plans und erfordert kein Konto.