JavaScript Beautifier

O tym narzędziu

JavaScript Beautifier formatuje skompresowany lub nieczytelny JavaScript w czysty, prawidłowo wcięty kod. Obsługuje całą składnię ES2022+ w tym funkcje strzałkowe, literały szablonów, destrukturyzację, async/await i składnię klas. Formater zachowuje treść ciągów dokładnie — w tym znaki specjalne — i poprawnie pomija kod wewnątrz komentarzy.

Tryb minifikacji usuwa komentarze i niepotrzebne białe znaki, zachowując jedną spację między identyfikatorami, aby uniknąć błędów składni. Całe przetwarzanie działa w przeglądarce — żaden kod nie jest nigdy wysyłany na serwer.

Jak używać

1. Wklej zminifikowany lub nieczytelny JavaScript do panelu wejściowego.
2. Wybierz preferowane wcięcie (2 lub 4 spacje).
3. Kliknij Formatuj, aby sformatować, lub Minifikuj, aby minifikować.
4. Kliknij Kopiuj, aby skopiować wynik do schowka.

Przypadki użycia

Deweloperzy używają tego do inspekcji i debugowania zminifikowanego JavaScript z pakietów produkcyjnych, pakietów npm lub rozszerzeń przeglądarki. Idealny do czytania zaciemnionych skryptów stron trzecich, rozumienia wtyczek jQuery i formatowania kodu skopiowanego ze Stack Overflow. Tryb minifikacji redukuje rozmiar skryptu do osadzania inline w HTML bez narzędzia build.

Często zadawane pytania

• Czy obsługuje TypeScript? — Składnia TypeScript jest w dużej mierze nadzbiorem JavaScript. Prosty TypeScript (typy, interfejsy, generyki) będzie poprawnie sformatowany. Dla pełnej obsługi TypeScript użyj TypeScript Beautifier.
• Czy obsługuje JSX? — Nie natywnie. Składnia JSX z nawiasami ostrymi może nie być poprawnie formatowana. Dla plików komponentów React użyj dedykowanego formattera JSX.
• Czy mój kod jest bezpieczny? — Całe przetwarzanie jest lokalne w przeglądarce. Żaden kod nigdy nie jest przesyłany na żaden serwer.