Wklej HTML, otwórz plik lub wczytaj przykład, aby zobaczyć podgląd.
Ten HTML viewer online wyświetla kod HTML jako gotową stronę – bezpośrednio w przeglądarce. Wystarczy wkleić HTML albo otworzyć plik .html; podgląd działa w odizolowanej piaskownicy, a nic nie jest wysyłane na serwer.
Ostatnia aktualizacja:
Jak to działa
Dodaj HTML
Kod można wkleić, upuścić plik .html albo kliknąć „Otwórz plik”.
Zobacz podgląd strony
Strona renderuje się od razu w ramce-piaskownicy. Szerokość ekranu przełącza się między „Dopasuj”, „Komputer” (1280 px), „Tablet” (768 px) i „Telefon” (375 px), a „Obróć” zmienia orientację.
Edytuj, zapisz lub wydrukuj
Podgląd odświeża się w trakcie pisania. Wynik można pobrać jako .html, otworzyć w nowej karcie lub wydrukować do PDF.
Funkcje
Podgląd na żywo podczas edycji
Panel kodu to pełny edytor z podświetlaniem składni, zwijaniem bloków i wyszukiwaniem (Ctrl+F).
Domyślnie tryb bezpieczny
Skrypty i procedury obsługi zdarzeń są usuwane przez DOMPurify przed renderowaniem. Po wyłączeniu trybu bezpiecznego JavaScript działa w odizolowanej piaskownicy bez dostępu do tej witryny.
Szerokości urządzeń
Media queries widzą rzeczywistą szerokość urządzenia, a szerokie widoki są skalowane do ekranu.
Rozpoznawanie kodowania
Otwarte pliki są dekodowane według znacznika BOM lub tagu meta charset, domyślnie jako UTF-8. Polskie znaki wyglądają jak krzaczki? W polu „Kodowanie” można ręcznie wybrać Windows-1250.
Ostrzeżenie o zasobach zewnętrznych
Jeśli strona wczytuje obrazy, czcionki lub style z innych domen, lista tych domen pojawia się nad podglądem, a „Blokuj zasoby zewnętrzne” daje podgląd w pełni offline.
Działa na każdym urządzeniu
Windows, macOS, Linux, Android, iPhone i iPad – bez instalacji i konta.
Limity i prywatność
Obsługiwane są pliki .html, .htm i .xhtml oraz wklejony kod do 10 MB. Podświetlanie składni działa do 2 MB; większe dokumenty trafiają do zwykłego pola tekstowego, a podgląd nadal się renderuje.
Podgląd działa w <iframe> z sandbox="allow-scripts", ale bez allow-same-origin, czyli w unikalnym, nieprzezroczystym pochodzeniu. Wyrenderowana strona nie odczyta tej witryny, plików cookie ani pamięci lokalnej, nie otworzy wyskakujących okien i nie wyśle formularzy. Content Security Policy dodatkowo blokuje skrypty w trybie bezpiecznym i dostęp do sieci poza obrazami, stylami i czcionkami.
Względne linki i obrazy (np. images/logo.png) nie działają, bo otwierany jest tylko jeden plik HTML, bez dostępu do folderu. Style inline i bloki <style> działają normalnie. Pliki nie opuszczają przeglądarki – więcej na stronie o prywatności.
Najczęstsze pytania
Czy ten podgląd HTML online jest darmowy?
Tak, bez rejestracji i bez limitu liczby plików.
Czy moje pliki HTML są gdzieś wysyłane?
Nie. Plik jest odczytywany i renderowany lokalnie. Przeglądarka pobiera jedynie zasoby, do których odwołuje się sama strona (np. czcionki z CDN), i można je zablokować.
Jak otworzyć plik HTML na iPhonie lub iPadzie?
Wystarczy otworzyć tę stronę w Safari lub Chrome, dotknąć „Otwórz plik” i wybrać plik .html z aplikacji Pliki albo iCloud Drive. Tryby „Telefon” i „Tablet” pokazują układ mobilny.
Czy potrzebna jest aplikacja do otwierania HTML na Androida?
Nie. Ta strona działa w Chrome i innych przeglądarkach na Androidzie; karty „Kod” i „Podgląd” przełączają widok na małym ekranie.
Czy JavaScript z mojego pliku zostanie uruchomiony?
W trybie bezpiecznym nie. Po jego wyłączeniu skrypty, także zewnętrzne, np. jQuery z CDN, działają w piaskownicy z osobnym pochodzeniem (origin), bez dostępu do tej witryny, plików cookie i pamięci przeglądarki.
Czym to się różni od otwarcia pliku HTML w Chrome?
Dochodzi panel kodu obok podglądu, szerokości urządzeń, tryb bezpieczny dla niezaufanych plików i ostrzeżenie o zasobach zewnętrznych.