Czytelne dla człowieka skrypty JavaScript w narzędziach programistycznych Chrome

142

Czy ktoś wie, czy Narzędzia dla programistów Chrome mogą formatować skrypty javascrip do postaci czytelnej dla człowieka? Przydałby się jakiś kosmetyczka. Powiedzmy, że używam jakiejś biblioteki JS i potrzebuję utworzyć instancję jej obiektu, żeby wiedzieć, co umieścić w konstruktorze. Ale przeszukiwanie tej ogromnej biblioteki, która ma 4 wiersze w interfejsie użytkownika Chrome Developer Tools, jest dość denerwujące ...

W przeciwnym razie strona serwera musi zadbać o zaimplementowanie "trybu programisty", który dostarcza pliki javascript, które nie są zminimalizowane ...

lisak
źródło
Jestem pewien, że to niemożliwe, ale mam nadzieję, że się mylę, ponieważ byłaby to fajna funkcja.
Zevan
Zrobiłem, ale brak tej funkcji jest dość zaskakujący, więc lepiej
zapytam
Wersja
Firebuga

Odpowiedzi:

331

Niektóre przeglądarki mają przycisk drukowania Pretty , który wygląda tak {}i pojawia się w przypadku HTML, JS i / lub CSS w zależności od przeglądarki.

Chrome ma to w zakładce Źródła :

Ładny przycisk drukowania Chrome 40

Firefox ma to w zakładce Debugger

Przycisk upiększania źródła przeglądarki Firefox 35:

Położenie tych przycisków może się zmieniać, ale zawsze powinno tam być

fgm2r
źródło
2
W systemie Windows jest to mała ikona, która przypomina -> {}. Podpis mówi: Pretty Print.
omninonsense
@ z Dzięki za wspomnienie o tym. Zastanawiam się, dlaczego zaimplementowali to inaczej w systemie Windows / Mac OS.
fgm2r
3
czy ktoś wie, co się stało z tą funkcją Chrome? Myślę, że widziałem to w przeszłości w moim Chrome, ale teraz wydaje się, że zniknęło.
superjos
@superjos Zmienili go, aby był taki sam w systemie Mac OS i Windows.
fgm2r
2
uhm, ale nie jestem nawet w stanie tego zobaczyć w menu kontekstowym. Jest tam tylko polecenie „sprawdź element”. Zobacz zrzut ekranu .
superjos
3

Czy nie ma ikony Pretty Print (wygląda jak: {}), przynajmniej w systemie Windows jest taka ikona na karcie Skrypty?

omninonsense
źródło