Online-HTML-Editor

Die Vorschau läuft in einem Sandbox-iframe, in dem Skripte erlaubt, aber der Zugriff auf dieselbe Herkunft deaktiviert ist, sodass Code in der Vorschau diese Seite, Ihre Cookies oder Ihren lokalen Speicher nicht lesen oder ändern kann. Innerhalb dieser Sandbox kann er trotzdem frei JavaScript ausführen, Warnfenster öffnen oder Netzwerkanfragen stellen, genau wie jede andere Webseite. Behandeln Sie daher jeden Code, den Sie aus einer nicht vertrauenswürdigen Quelle einfügen, weiterhin so, als würden Sie ihn in einem neuen Browser-Tab ausführen.

Das Tool umschließt Ihr CSS mit einem <style>-Tag im Dokumentkopf, platziert Ihr HTML direkt im Body und fügt Ihr JavaScript in einem <script>-Tag am Ende des Bodys hinzu, genau wie bei einem typischen einseitigen HTML-Dokument, und lädt dieses zusammengesetzte Dokument dann in die Vorschau.

Ja, die Schaltfläche „Als .html herunterladen“ speichert genau das gleiche zusammengesetzte Dokument, das in der Vorschau angezeigt wird, als einzelne Datei index.html, bereit zum direkten Öffnen in einem Browser oder zum Hochladen auf einen Webserver.

Ja, die Vorschau wird automatisch kurz nach dem Aufhören zu tippen in einem der drei Panels aktualisiert, sodass Sie die Auswirkung Ihrer Änderungen sehen können, ohne auf eine separate Ausführen-Schaltfläche klicken zu müssen.

Die Vorschau ist ein echtes, isoliertes Browserdokument, daher geht die console.log-Ausgabe an die eigene Konsole dieses Dokuments, nicht an diese Seite. Öffnen Sie die Entwicklertools Ihres Browsers und wählen Sie den Kontext des Vorschau-iframes, um die Konsolenausgabe zu sehen, oder verwenden Sie stattdessen alert() für eine schnelle sichtbare Überprüfung.