Dodaj wcięcia do nieuporządkowanego HTML albo go zminifikuj i zobacz oszczędność
Działa w przeglądarce. Wpisane dane nie są nigdzie wysyłane.Formatowanie HTML dodaje wcięcia do zagnieżdżonych tagów, dzięki czemu widać strukturę, a minifikacja usuwa białe znaki między nimi. Zaoszczędzone bajty są pokazywane, co przy stronie o rozmiarze 100 KB zwykle się opłaca. Wszystko jest analizowane w przeglądarce, więc niewydana strona pozostaje prywatna.
Ta strona została przetłumaczona maszynowo z angielskiego oryginału. Tłumaczenie nie zostało jeszcze sprawdzone przez człowieka, dlatego wiążąca jest wersja angielska. Przeczytaj angielski oryginał
Wklej znaczniki w pole HTML lub kliknij Wypróbuj przykład.
Zostaw zaznaczone Formatuj, aby dodać wcięcia, lub wybierz Minifikuj, aby usunąć komentarze i zbędne białe znaki.
W trybie Formatuj wybierz 2 spacje, 4 spacje lub Tab i ustaw Zawijaj przy dla długich list atrybutów.
Kliknij Kopiuj lub Pobierz, aby zabrać wynik.
To narzędzie wykonuje dwa zadania, których wymaga kod znaczników: czyni go czytelnym albo małym. Wklej po lewej, a wynik pojawi się po prawej. Formatuj umieszcza każdy element w osobnym wierszu z wcięciem dwóch spacji, czterech spacji lub tabulatora i zawija długie listy atrybutów przy wybranej szerokości. Minifikuj usuwa komentarze i zbędne białe znaki oraz pokazuje rozmiar przed, rozmiar po i procent oszczędności.
Większość wizyt zaczyna się od znaczników, których nikt nie pisał ręcznie. Strona zapisana z przeglądarki przychodzi jako jeden wiersz. Silnik szablonów tworzy blok z wymieszanymi tabulatorami i spacjami. Krok builda oddaje produkcyjny HTML i trzeba ustalić, jak zbudowana jest dana sekcja. Najpierw formatowanie zamienia każdy z tych przypadków w coś, co da się czytać i przeszukiwać.
Minifikator jest celowo ostrożny. Spacja między dwoma elementami liniowymi jest widoczna na ekranie, więc zostaje; usuwane są tylko białe znaki między tagami blokowymi, które przeglądarka i tak pomija. Komentarze znikają, z wyjątkiem komentarzy warunkowych dla starego Internet Explorera. Zawartość pre, textarea, script i style jest kopiowana znak po znaku, więc wcięcia widoczne dla użytkowników nigdy nie są ruszane. Przy usuwaniu cudzysłowów atrybutów każda wartość zawierająca ukośnik pozostaje w cudzysłowie, ponieważ przeglądarki akceptują href=/a/b, ale kilka narzędzi do budowania go nie odczyta. Skrypty i arkusze stylów nie są tu minifikowane; służą do tego JavaScript Minifier i CSS Minifier.
Jeśli znaczników nie da się odczytać, pojawia się wiersz i kolumna problemu oraz informacja, co poprawić, na przykład niezamknięty komentarz lub wartość atrybutu bez cudzysłowu. Wszystko działa w przeglądarce, więc strony z nazwiskami klientów lub wewnętrznymi adresami URL nigdy nie opuszczają urządzenia.
Tak. Bez rejestracji, bez znaku wodnego i bez limitu ilości wklejanego kodu czy liczby użyć. Stronę utrzymuje kilka reklam wyświetlanych poza narzędziem, nigdy w wyniku.
Nie. Formatowanie i minifikacja działają w przeglądarce za pomocą JavaScriptu. Znaczniki z nazwiskami klientów, wewnętrznymi adresami URL lub kluczami API w tagu script nigdy nie opuszczają urządzenia, a po zamknięciu karty nic nie zostaje zapisane.
Zwykle o 3 do 10 procent surowych bajtów, a nieco więcej po usunięciu cudzysłowów atrybutów. Najwięcej zyskują znaczniki z głębokimi wcięciami; strona już zminifikowana nie zyskuje nic. Narzędzie pokazuje dokładny rozmiar przed, rozmiar po i procent, więc nie trzeba zgadywać.
Minifikacja nie powinna zmieniać wyglądu strony. Białe znaki są usuwane tylko między tagami blokowymi, gdzie przeglądarki i tak je pomijają. Spacja między dwoma elementami liniowymi, takimi jak span czy strong, jest widoczna, więc zostaje, a zawartość pre, textarea, script i style jest kopiowana dokładnie.
Tak. Wybierz Formatuj, a jeden wiersz zostanie rozwinięty w znaczniki z wcięciami, jeden element w wierszu. Nic nie jest dodawane ani usuwane, więc widać dokładnie to, co otrzymała przeglądarka. Wybierz szerokość wcięcia i zawijania zgodną z edytorem.
Nie. Wszystko wewnątrz tagu style lub script jest kopiowane bez zmian, ponieważ jego minifikacja wymaga prawdziwego parsera CSS lub JavaScriptu. Przepuść te fragmenty przez CSS Minifier i JavaScript Minifier, a potem wklej wyniki z powrotem.
Nadal coś nie działa? Zapytaj o narzędzie Formatowanie i minifikacja HTML a odpowiedzieć może każdy, kto zna odpowiedź. Konto nie jest potrzebne.