Uruchom kod HTML online

Kod wklejony do edytora wyświetla się obok jako strona i odświeża przy każdej zmianie, razem ze stylami i skryptami. Błędy w znacznikach pojawiają się na liście z numerem linii, która na ten czas zastępuje podgląd. Do oglądania całych plików służy podgląd HTML.
★ ★ ★ ★ ★
Z Tiiny Host korzysta ponad 2 mln osób
Za darmo · Bez zakładania konta

Edytor kodu z podglądem na żywo

Publikacja przetestowanej strony

1. Wklej kod

1. Wklej kod

HTML idzie do pierwszej karty, style i skrypty do kart CSS i JavaScript.

2. Popraw błędy

2. Popraw błędy

Lista z numerami linii pokazuje, gdzie walidator coś znalazł. Po poprawkach w jej miejscu znów jest podgląd.

3. Nadaj adres

3. Nadaj adres

Publish otwiera Tiiny Host z twoim kodem. Tam wybierasz nazwę linku i publikujesz stronę.

Wideo

Tak sprawdzisz swój kod HTML

Features

Do szybkich testów

🧪 Fragmenty z kursów

Kawałek kodu z kursu albo z biblioteki komponentów sprawdzisz, zanim wkleisz go do projektu.

🛠️ Błędy z numerem linii

Niezamknięty znacznik albo literówka w stylach wychodzi na jaw, zanim zobaczy ją odwiedzający.

⚙️ Osobne karty na CSS i JS

Style i skrypty mają swoje karty, a podgląd uruchamia je razem z HTML-em. Sprawdzisz w ten sposób także menu albo przyciski oparte na JavaScripcie.

🆓 Darmowe testy

Testujesz tyle razy, ile chcesz. Konto przyda się dopiero przy publikacji.

🕵️ Kod poza naszą bazą

Tiiny Host nie zapisuje wklejonego kodu. Do wyszukania błędów jest on wysyłany do walidatora W3C.

🔗 Publikacja z przycisku

Publish nad podglądem przenosi gotową stronę do Tiiny Host, gdzie dostaje własny link.

Porównanie

Tester HTML a piaskownice z kodem

CodePen i JSFiddle powstały do eksperymentów i dzielenia się kodem z innymi programistami.

⚡ Tiiny Host
Piaskownice z kodem
Test bez rejestracji
Wynik widać zaraz po wklejeniu kodu.
✓ Tak
Różnie
Prawdziwy serwer
Strona działa przez HTTPS pod publicznym adresem, tak jak zobaczą ją odwiedzający.
✓ Tak
Różnie
Publikacja jednym krokiem
Sprawdzona strona dostaje adres .tiiny.site, a w planie Solo także twoją domenę.
✓ Tak
Eksport albo dodatek
Cała witryna w ZIP-ie
Spakowana strona z arkuszami stylów i obrazkami działa jako kompletna witryna.
✓ Tak
Różnie
Komentarze na żywej stronie
Recenzenci przypinają uwagi do opublikowanej strony i nie zakładają konta (plan Tiny).
✓ Tak
Rzadko
Poprawki po publikacji
Edytor kodu w przeglądarce (plan Solo) zapisuje zmiany pod tym samym linkiem.
✓ Tak
Różnie
Łatwiej niż CodePenJSFiddleW3Schools Tryit EditorCoddyProgramizGuru99
Cennik

Darmowy tester i jedna strona w sieci

Z testera korzystasz bez ograniczeń. Gotową stronę opublikujesz na darmowym planie, który utrzymuje jedną witrynę.

Za darmo
0 € miesięcznie, bez limitu czasu
  • ✓ Testy bez limitu na tej stronie
  • ✓ 1 opublikowana strona
  • ✓ Pliki do 3 MB
  • ✓ 5000 odwiedzin i 5 GB transferu miesięcznie
  • ✓ Darmowy adres twojanazwa.tiiny.site
  • – Darmowe strony mają mały baner Tiiny Host
Gdy potrzebujesz więcej
od 5 € miesięcznie przy płatności rocznej
  • Tiny 5 € · bez banera, pliki do 25 MB, tryb komentarzy dla recenzentów, statystyki
  • Solo 13 € · 5 stron, edytor kodu w przeglądarce, własne strony 404, hasło, API
  • Pro 31 € · 15 stron, dostęp dla zespołu, zbieranie adresów e-mail, wsparcie w pierwszej kolejności
  • Pro Max 74 € · strony bez limitu i 2 TB miejsca
Wszystkie plany → ⭐️ 7 dni na zwrot pieniędzy

Rozmiar plików w planach

Na projekt albo na całe konto
Darmowy
3 MB
na opublikowaną stronę
Tiny · 5 €
25 MB
na projekt
Solo · 13 €
75 MB
na projekt
Pro · 31 €
10 GB
na całe konto
Pro Max · 74 €
2 TB
na całe konto

Przetestowana strona ze stylami i skryptami zajmuje zwykle kilkaset kilobajtów. Darmowe 3 MB robią się ciasne przy zdjęciach w dużej rozdzielczości albo przy wideo.

Dla agentów AI

Sprawdzony HTML publikowany z kodu

Skrypt budujący albo agent AI wysyła plik HTML lub spakowaną stronę na endpoint przesyłania razem z kluczem API. W odpowiedzi dostaje adres działającej strony.

REST APIJeden endpoint do przesyłania plików, gotowy na automatyzacje i publikacje według harmonogramu.
Serwer MCPJedno polecenie w Claude Code i kilka linijek konfiguracji w edytorach takich jak Cursor, VS Code, Windsurf, Zed, Codex czy v0.
Konektor ClaudeRaporty i dokumenty trafiają do sieci prosto z rozmowy w Claude, w aplikacji desktopowej albo w Claude Code.
SkillZainstalowany raz pozwala agentowi udostępniać linkiem ponad 100 typów plików, w tym PDF i ZIP.
Dokumentacja API → Dostęp do API w planie Solo i wyższych
upload.sh
curl -X POST https://ext.tiiny.host/v1/upload \
  -H "x-api-key: $TIINY_API_KEY" \
  -F "files=@index.html" \
  -F "domain=moja-strona-testowa.tiiny.site"

# → https://moja-strona-testowa.tiiny.site
# PUT na ten sam adres podmienia plik
Przykłady

Tester w nauce i w pracy

Nauka HTML

Nauka HTML

Uczeń z kółka informatycznego albo student pierwszego roku sprawdza ćwiczenie i od razu widzi, czy znaczniki działają tak, jak miały.

Sprawdzanie komponentów

Sprawdzanie komponentów

Przycisk albo kartę z biblioteki UI przetestujesz osobno, zanim trafią do projektu.

Zgłoszenia błędów

Zgłoszenia błędów

Zepsutą stronę, przyciętą do najmniejszego fragmentu z problemem, programista naprawi szybciej, zwłaszcza gdy dostanie ją pod linkiem.

Do poczytania

Lektura dla piszących kod

How to Upload HTML File to a Website

Jak wrzucić plik HTML na stronę, edytować go w przeglądarce i zabezpieczyć hasłem.

How to Add JavaScript to HTML

JavaScript w kodzie strony albo w osobnym pliku i publikacja strony ze skryptami.

How to Edit an HTML File: Basics for Beginners

Podstawy edycji plików HTML i publikacja gotowej strony na hostingu.

Najczęściej zadawane pytania

Jak sprawdzić kod HTML online?

Wklej kod do edytora u góry strony. Podgląd odświeża się przy każdej zmianie, a błąd znaleziony przez walidator widać razem z numerem linii.

Na czym polega testowanie HTML?

To sprawdzenie przed publikacją, czy strona wyświetla się i działa zgodnie z planem. Chodzi o układ, a także o to, czy linki i obrazki się wczytują.

Jak przetestować HTML w Notatniku?

Plik zapisany z rozszerzeniem .html, np. strona.html, otworzysz dwuklikiem w przeglądarce. Po każdej zmianie w Notatniku trzeba go zapisać jeszcze raz i odświeżyć kartę.

Jak sprawdzić HTML lokalnie, bez internetu?

Plik .html otworzysz w przeglądarce także offline. Przy stronie, która wczytuje inne pliki przez ścieżki względne, wierniejszy wynik da mały lokalny serwer, np. rozszerzenie Live Server w VS Code.

Jak przetestować kod HTML w Chrome?

Plik .html przeciągnięty na kartę Chrome otworzy się od razu, podobnie po skrócie Ctrl+O (Cmd+O na Macu). Prawy przycisk myszy i polecenie Zbadaj otwierają Narzędzia deweloperskie z podglądem elementów i błędami w konsoli.

Czy wklejony kod zostaje zapisany?

Nie na serwerach Tiiny Host. Do wyszukania błędów kod jest wysyłany do walidatora W3C (validator.w3.org), a do sieci wychodzi dopiero po kliknięciu Publish.

Czy to działa jak kompilator HTML online?

Przeglądarka nie kompiluje HTML-a, odczytuje go i od razu rysuje stronę. Dlatego wyszukiwany „kompilator HTML online” to zwykle edytor z podglądem, taki jak ten tester.

Jak udostępnić przetestowany HTML?

Plik albo spakowana strona przesłana do Tiiny Host dostaje link do udostępnienia. Recenzenci mogą dopisywać uwagi w trybie komentarzy, dostępnym od planu Tiny.

Czy przetestuję całą stronę z kilkoma podstronami?

Tester obsługuje jedną stronę naraz. Witrynę z podstronami lepiej sprawdzić po publikacji, przeklikując spakowany folder pod jego własnym adresem.

Z testera na prawdziwy adres