Formater i minifikator kodu

Czym jest Formater i minifikator kodu?

Darmowy internetowy formater i minifikator kodu, który upiększa lub minifikuje HTML, CSS i JavaScript bez opuszczania przeglądarki. Wybierz język, a następnie wybierz Upiększ, aby ponownie wciąć rozsypany lub jednowierszowy kod źródłowy z wcięciem 2 spacji, 4 spacji lub tabulacji, albo Minifikuj, aby go skompresować. Upiększanie obsługuje js-beautify; minifikacja JavaScript korzysta z Terser do skracania nazw i zmniejszania rozmiaru, podczas gdy CSS i HTML są kompaktowane przez usuwanie komentarzy i zwijanie zbędnych białych znaków. Programiści webowi sięgają po to narzędzie, aby uczynić zminifikowany kod zewnętrzny czytelnym, zmniejszyć arkusze stylów i skrypty przed wdrożeniem oraz oczyścić fragmenty wklejone z wyniku kompilacji.

Jak używać Formater i minifikator kodu

1. Wybierz język swojego źródła: HTML, CSS lub JS.
2. Wybierz akcję: Upiększ, aby sformatować, lub Minifikuj, aby skompresować.
3. Dla Upiększ wybierz wcięcie: 2 spacje, 4 spacje lub Tabulacja.
4. Wklej lub wpisz kod w polu wejściowym - wynik aktualizuje się automatycznie.
5. Użyj przycisku Kopiuj, aby przejąć wynik, lub kliknij Wyczyść, aby opróżnić pole wejściowe i zacząć od nowa.

Przykłady

a{color:red;font-weight:bold}

a {
  color: red;
  font-weight: bold
}

function add(first, second) {
  return first + second;
}

function add(n,d){return n+d}

<ul>
  <li>One</li>
  <li>Two</li>
</ul>

<ul><li>One</li><li>Two</li></ul>

Najczęściej zadawane pytania

Czy mój kod jest przesyłany na serwer?

Nie. Upiększanie i minifikacja odbywają się w całości lokalnie w Twojej przeglądarce - js-beautify i Terser są ładowane jako skrypty i uruchamiane na Twoim urządzeniu. Twój kod nigdy nie opuszcza Twojego komputera, a narzędzie działa również offline.

Jakie języki i akcje są obsługiwane?

Trzy języki - HTML, CSS i JavaScript - każdy z dwiema akcjami: Upiększ (formatuj z wybranym wcięciem) i Minifikuj (kompresuj). JavaScript jest minifikowany za pomocą Terser, a CSS i HTML są kompaktowane przez usuwanie komentarzy i zwijanie białych znaków.

Jakie wcięcie mogę wybrać?

Podczas upiększania możesz ponownie wciąć kod 2 spacjami, 4 spacjami lub znakiem tabulacji. Wcięcie dotyczy tylko Upiększ; Minifikuj usuwa białe znaki i ignoruje to ustawienie.

Dlaczego minifikacja mojego JavaScript pokazała błąd?

Terser parsuje Twój JavaScript przed minifikacją, więc błąd składni go zatrzymuje, a komunikat jest wyświetlany nad wynikiem. Popraw wskazane miejsce - często niezamknięty nawias, ciąg znaków lub błędny token - a wynik zostanie odbudowany automatycznie.

Czy wynik aktualizuje się samodzielnie?

Tak. Wynik jest odbudowywany za każdym razem, gdy zmieniasz wejście, język, akcję lub wcięcie, więc nigdy nie musisz naciskać przycisku, aby sformatować - po prostu skopiuj wynik, gdy wygląda dobrze.