Rozwiń HTML, CSS, JavaScript, JSON i XML w jednym miejscu
Rozwiń zminifikowany HTML, CSS, JavaScript, JSON i XML w jednym oknie przeglądarki
Buildy produkcyjne celowo przychodzą zminifikowane: szablony HTML w jednej linii, arkusze stylów bez spacji, pakiety JavaScript spłaszczone, logi JSON skompresowane, eksporty XML bez wcięć. Mniej bajtów, więcej bólu przy debugowaniu. Ta strona jest na moment, gdy wklejasz fragment i znowu potrzebujesz czytelnej struktury — nie pełne IDE, nie pipeline builda, tylko szybki lokalny krok rozwinięcia po wklejeniu lub imporcie pliku.
Co tu znaczy «rozwinąć» — i czego narzędzie nie robi
Rozwinąć w tym narzędziu to przywrócić łamania linii i wcięcia, by śledzić zagnieżdżenia, znaleźć brakujący nawias lub skopiować blok do ticketa. Ten sam praktyczny cel co przy szukaniu rozwinięcia HTML, CSS, JavaScript, JSON czy XML — jeden format, jedno zadanie, czytelny tekst. To nie deobfuskacja JavaScript: przemianowane zmienne, usunięte komentarze i celowe kodowanie zostają. Wejście jest poprawne, ale ściśnięte — rozwinięcie pomaga; gdy ktoś celowo zaciemnił kod, widzisz strukturę, nie sekrety.
Większość osobnych formaterów zakłada, że znasz typ pliku. Tu automatyczne wykrywanie kieruje wklejkę do właściwego silnika; przy pomyłce nadpisujesz format. Gdy HTML ma osadzone skrypty lub style, opcjonalne rozwinięcie inline formatuje też kod w <script> i <style> — przydatne, gdy strona to jedna linia, a bug siedzi w callbacku. Gdy JSON, XML lub HTML jest lekko uszkodzony, przed rozwinięciem może zadziałać naprawa — jak w naszych dedykowanych przeglądarkach — żeby końcowy przecinek lub zbędny tag zamykający nie blokował całej pracy.
Wklej i rozwińPięć formatów, jeden pasek narzędzi
Koniec z zgadywaniem, którą kartę formatera otworzyć. Wklej raz — obszar obsłuży HTML, CSS, JavaScript, JSON i XML, albo wybierz format ręcznie, jeśli już go znasz.
Po rozwinięciu podgląd w prawdziwej przeglądarce
Rozwinięty HTML otwiera Playground strony głównej z podglądem na żywo. JSON i XML przechodzą do naszych przeglądarek JSON i XML z już załadowanym wynikiem — struktura do klikania, nie płaskie pole tekstowe.
Wklejka zostaje na Twoim komputerze
Rozwinięcie działa w karcie przeglądarki. Nic nie jest wysyłane do przetwarzania — ważne, gdy fragment pochodzi ze staging API, repozytorium klienta lub logu incydentu.
Czym ta strona różni się od zwykłego formatera
Rozwinięcie wielu formatów plus podgląd w przeglądarce — rzadka kombinacja w wąskich narzędziach.
Jedno wejście dla formatów, które naprawdę wklejasz
Zespoły rzadko minifikują jeden język. Landing HTML z CMS, arkusz stylów z CDN, config JSON w linii logu, legacy XML — pięć zakładek formaterów przerywa flow. Ten obszar trzyma wcięcie, naprawę i wynik w jednym miejscu, zanim zmienisz kontekst.
Jak rozwinąć kod na tej stronie
1) Wklej, importuj lub wpisz zminifikowany kod
Wrzuć wynik produkcyjny do panelu wejścia lub importuj plik. Zostaw «Automatyczne wykrywanie», chyba że znasz typ — np. wymuś JSON, gdy fragment logu jest źle rozpoznawany. Ustawienia wcięcia obowiązują przed rozwinięciem.
2) Pozwól obszarowi rozwinąć
Kliknij «Rozwiń», jeśli auto-uruchomienie jest wyłączone, albo wklej, by startować. Dla HTML z osadzonymi skryptami włącz «Rozwiń inline JS i CSS», gdy bug jest w tagu, nie w szkielecie znaczników. Przy błędzie: naprawa dla HTML, JSON lub XML albo ręczna zmiana formatu.
3) Otwórz przeglądarkę, gdy format to wspiera
Użyj ikony oka «Podgląd w przeglądarce». HTML ładuje Playground; JSON przeglądarkę JSON; XML przeglądarkę XML. Przycisk szary dla CSS i JavaScript — rozwijaj do edycji, nie do inspekcji wizualnej.
4) Kopiuj, pobieraj lub eksploruj dalej
Skopiuj rozwinięty tekst do edytora, pobierz z właściwym rozszerzeniem albo zostań w przeglądarce przy węzłach i podglądzie. Uruchom ponownie po zmianie wcięcia lub naprawy — wynik aktualizuje się na miejscu.
FAQ rozwinięcia kodu
Rozwiń fragment ze schowka
Rozwiń HTML, CSS, JavaScript, JSON lub XML lokalnie — potem podgląd HTML, JSON i XML w pełnych przeglądarkach.
Rozwijanie zminifikowanego kodu
- Auto-wykrywanie lub ręczny wybór: HTML, CSS, JS, JSON, XML
- Podgląd rozwiniętego HTML, JSON i XML w przeglądarkach serwisu
- Opcjonalne rozwinięcie inline skryptów i stylów dla HTML
- Ścieżki naprawy uszkodzonego JSON, XML i HTML
Działa w przeglądarce. Konto nie jest wymagane.
Koniec z poziomym przewijaniem jednolinijkowego kodu produkcyjnego
Wklej, rozwiń, podgląd gdy format pozwala, kopiuj gdy struktura wreszcie czyta się jak ludzka.