JS Beautifer - uczyń kod JS/HTML czytelnym | DailyWeb.pl - codziennie o sieci

JS Beautifer - uczyń kod JS/HTML czytelnym

Opublikowano 5 lat temu - 1


Tworzenie nieco większych projektów, bez jasno ustalonych zasad przejrzystej pisowni kodu to może być niesamowita udręka dla osób, które później z kodem będą miały do czynienia. Akurat trafił mi się taki przypadek, gdzie musiałem kilka elementów w kodzie JS poprawić. Problem polegał na tym, że estetyka kodu w pliku .JS wyglądał jakby stworzył go ktoś, ot tak po złości.

Podczas poszukiwania narzędzia, które potrafiło by uczynić ten bałagan nieco czytelniejszym, natknąłem się na JS Beautifer. Pod tą nazwą kryje się wielki formularz, do którego należy umieścić kod, który chcemy uczynić bardziej czytelnym, następnie należy wcisnąć kombinację klawiszy CTRL+Enter. Przykład?

//Przed
('this_is'==/an_example/){of_beautifer();}else{var a=b?(c%d):e[f];}";
//Po
if ('this_is' == /an_example/) {
    of_beautifer();
} else {
    var a = b ? (c % d) : e[f];
}

Bardzo wygodne i proste narzędzie. Bez problemu poradziło sobie z kodem na 12 000 wierszy, gdzie stylizacja kodu zajęła około kilku sekund. Narzędzie pomimo JS w nazwie, pozwala także na poprawianie kodu HTML. Gorąco polecam, narzędzie warte zachowania w zakładkach.