HTML Viewer — Edytor HTML online

Co robi HTML Viewer

HTML Viewer to edytor HTML online z podglądem na żywo. Wklej fragment lub napisz całą stronę w HTML, CSS i JavaScript, a wynik pojawi się obok kodu. Przydaje się do testowania szablonów e-mail, prototypowania układów, sprawdzania skopiowanych fragmentów, nauki podstaw webu czy odtwarzania błędu bez tworzenia projektu, zapisywania plików i uruchamiania lokalnego serwera.

Podgląd odświeża się automatycznie chwilę po zakończeniu pisania, dzięki czemu informacja zwrotna jest szybka. Przy ciężkich stronach lub skryptach z efektami ubocznymi wyłącz automatyczne uruchamianie i kliknij Uruchom, gdy będziesz gotowy. Możesz też przywrócić przykład, skopiować kod, pobrać go jako samodzielny plik .html albo otworzyć w nowej karcie.

Prywatnie i w izolacji

Wszystko działa lokalnie w przeglądarce. Twój kod nigdy nie jest wysyłany i nie potrzebujesz konta. Podgląd jest wyświetlany w iframe z sandboxem: skrypty działają, ale są odizolowane od tej strony, więc nie odczytają szkiców, ciasteczek ani innych danych witryny. Dzięki temu można w miarę bezpiecznie testować niezaufane fragmenty, ale nie wklejaj kodu, którego nie rozumiesz, a który ładuje zasoby osób trzecich.

Praktyczne wskazówki

Użyj pełnego dokumentu z doctype, head i body, aby odwzorować prawdziwą stronę, albo wklej sam fragment i pozwól przeglądarce go uzupełnić. Bloki style i script w treści pozwalają zachować przykład w jednym pliku. Zewnętrzne biblioteki ładuj przez bezwzględne adresy URL. Linki względne i ścieżki lokalne nie działają, bo za podglądem nie ma folderu. Ostatni szkic jest zapisywany lokalnie z opcją przywrócenia.