Utils365

Formatowanie i minifikacja JavaScript

Zrób zminifikowany JavaScript czytelnym albo zmniejsz własne skrypty do produkcji.

Wklej JavaScript, otwórz plik .js lub upuść go tutaj

Następny: Formater JSON · Formater CSS

Zgłoś problem z tym narzędziem

Jak używać narzędzia Formater JavaScript

  1. Wklej swój JavaScript

    Wklej skrypt albo otwórz lub upuść plik .js. Jest formatowany na bieżąco podczas pisania.

  2. Upiększ lub zminifikuj

    Upiększanie dodaje wcięcia – 2 lub 4 spacje albo tabulator. Minifikacja skraca nazwy i usuwa spacje oraz komentarze.

  3. Skopiuj lub pobierz

    Skopiuj wynik albo pobierz go jako plik .js. Przy minifikacji zobaczysz, o ile się zmniejszył.

Dlaczego warto korzystać z Utils365

  • Prawdziwa minifikacja

    Terser, minifikator używany przez większość narzędzi do budowania, zmienia nazwy zmiennych lokalnych, usuwa martwy kod i skraca wyrażenia.

  • Błędy, które znajdziesz

    Błąd składni zatrzymuje minifikator, a Ty widzisz wiersz i kolumnę z zaznaczonym kodem wokół.

  • Bezpieczne dla zwykłych skryptów

    Nazwy najwyższego poziomu nie są zmieniane, więc inne skrypty na stronie, które korzystają z Twoich funkcji, nadal działają.

  • Prywatność w standardzie

    Twój kod jest formatowany w przeglądarce i nigdy nie jest przesyłany, więc prywatny kod źródłowy pozostaje prywatny.

Często zadawane pytania

Co robi minifikator JavaScript?

Usuwa spacje, podziały wierszy i komentarze, zmienia nazwy zmiennych lokalnych na pojedyncze litery i przepisuje kod krócej, nie zmieniając jego działania. Skrypty często zmniejszają się o połowę lub bardziej.

Czy mogę przywrócić czytelność JavaScriptu?

Wybierz Upiększ, aby przywrócić wcięcia i podziały wierszy. Oryginalnych nazw zmiennych i komentarzy nie da się odzyskać, bo minifikacja je usunęła.

Czy obsługuje nowoczesny JavaScript?

Tak: klasy, funkcje strzałkowe, async i await, optional chaining, import i export oraz await na najwyższym poziomie w modułach.

Czy komentarze licencyjne są zachowywane?

Tak. Komentarze zaczynające się od /*! lub zawierające @license albo @preserve zostają w zminifikowanym kodzie.

Czy działa z TypeScriptem lub JSX?

Nie bezpośrednio. Minifikator czyta tylko standardowy JavaScript, więc najpierw skompiluj TypeScript i JSX do JavaScriptu, a potem wklej wynik.