javascript leggibile nei tool di sviluppo di cromo

Question

qualcuno sa se Chrome Developer Tools possono formattare javascript in forma leggibile? Una specie di beautifier sarebbe utile. Diciamo che sto usando qualche libreria JS e ho bisogno di istanziare il suo oggetto, in modo che io dovrei sapere cosa mettere in costruttore. Ma la ricerca attraverso questo enorme libreria che dispone di 4 linee nell'interfaccia utente Developer Tools Chrome è abbastanza fastidioso ...

In caso contrario, il lato server ha bisogno di prendersi cura di attuazione "modalità dev" che i file JavaScript che fornisce non sono minified ...

Answer 1

Alcuni browser hanno un stampa Piuttosto pulsante che assomiglia a questo {} e sembra per HTML, JS, e / o CSS a seconda del browser.

Chrome ha nel nel Fonti :

Firefox ha nel nel Debugger

:

La posizione di questi pulsanti può cambiare, ma dovrebbe sempre essere lì

Answer 2

Non c'è l'icona Print Abbastanza (simile: {}), almeno su Windows c'è uno, all'interno della scheda Script?

Answer 3

C'è la http://jsbeautifier.org/ per l'utilizzo online ( è necessario copiare / incollare ).

Nel sito hanno un collegamento a violinista ( un proxy web debug ) e una JavaScript Formatter per esso ( 3 ° estensione ).