Formater JS/CSS

Free

Przeformatowuje zminifikowany lub niekonsekwentnie wcięty kod JavaScript lub CSS na czytelny, prawidłowo wcięty kod, z regulowanym stylem wcięć i statystykami rozmiaru przed/po.

Wejście

Wcięcie

Sformatowany wynik

O tym narzędziu

Przeformatowuje zminifikowany lub niekonsekwentnie wcięty kod JavaScript lub CSS na czytelny, prawidłowo wcięty kod.
Nie minifikuje. Aby zmniejszyć rozmiar kodu, użyj dedykowanego minifikatora.

Ostatnia Aktywność

Widoczne dla wszystkich. Ostatnie 20 użyć wśród wszystkich odwiedzających, najpierw najnowsze.

Formatted 52 characters of JavaScript

1 godzina temu

Formatted 51 characters of CSS

1 godzina temu

Formatted 52 characters of JavaScript

1 godzina temu

Komentarze (0)

Uznałeś to narzędzie za przydatne? Zostaw komentarz, podziel się wskazówką, lub powiedz nam, jak możemy je ulepszyć.

Jeszcze brak komentarzy. Bądź pierwszym, który podzieli się swoimi przemyśleniami!

Co robi to narzędzie

Wklej zminifikowany lub nieporządnie wcięty JavaScript lub CSS, wybierz styl wcięć, a to narzędzie przeformatuje go na czytelny kod z konsekwentnymi wcięciami i podziałami linii.

Jak To Działa

Narzędzie analizuje Twój kod na tokeny (słowa kluczowe, nawiasy, operatory, ciągi znaków), a następnie ponownie wypisuje te tokeny z nowymi podziałami linii i wcięciami zależnymi od głębokości zagnieżdżenia, korzystając z otwartoźródłowego silnika js-beautify odpowiednio dla JavaScript i CSS. Same tokeny i ich kolejność nigdy się nie zmieniają, zmieniają się tylko białe znaki wokół nich.

Problemy, które rozwiązuje

Przywrócenie czytelności jednolinijkowego zminifikowanego pliku JS lub CSS na potrzeby debugowania lub przeglądu.
Ujednolicenie niekonsekwentnych wcięć (mieszane tabulatory i spacje, niekonsekwentne szerokości) w pliku.
Szybkie sprawdzenie kodu stron trzecich lub dostawców dostarczanego w formie zminifikowanej.
Konwersja między wcięciami o 2 spacjach, 4 spacjach i tabulatorach, aby dopasować się do przewodnika stylu projektu.

Często zadawane pytania

›Czy to narzędzie również minifikuje kod?

Nie, to narzędzie tylko formatuje (upiększa) kod, dodając odpowiednie wcięcia i podziały linii. Jeśli musisz zmniejszyć rozmiar kodu poprzez usunięcie białych znaków, użyj zamiast tego dedykowanego narzędzia do minifikacji.

›Czy formatowanie zmieni zachowanie mojego kodu?

Nie. Formatowanie zmienia tylko białe znaki, wcięcia i podziały linii. Nigdy nie zmienia identyfikatorów, logiki ani zawartości ciągów znaków, dzięki czemu sformatowany kod działa identycznie jak oryginał.

›Czemu mój JavaScript wygląda źle po sformatowaniu?

Jeśli wejście zawiera błąd składniowy (niezamknięty nawias, zbędny przecinek, nieprawidłowy JSON użyty jako JS itp.), formatter może źle odczytać strukturę. Sprawdź konsolę przeglądarki lub linter JavaScript, aby znaleźć dokładny problem składniowy, popraw go i sformatuj ponownie.

›Czy mogę tym sformatować SCSS lub LESS?

Podstawowa składnia SCSS i LESS (zagnieżdżenia, zmienne, komentarze) generalnie formatuje się dobrze, ponieważ wciąż przypomina CSS, ale funkcje specyficzne dla preprocesora, takie jak mixiny czy funkcje, nie są specjalnie rozpoznawane i mogą zostać przeformatowane niedokładnie.

›Czemu wybrać tabulatory, a nie spacje do wcięć?

To czysto kwestia stylu, obie opcje są funkcjonalnie identyczne w JavaScript i CSS. Wybierz tę, która odpowiada istniejącemu przewodnikowi stylu projektu lub konfiguracji edytora.

Oblicz hasz BLAKE2b tekstu lub pliku w przeglądarce, z regulowaną długością wyjścia i opcjonalnym haszowaniem z kluczem (MAC).