Für Menschen lesbare Javascript in Chrom-Entwickler-Tool

Question

weiß jemand, ob Chrome Developer Tools Javascripts in für Menschen lesbaren Form formatieren? Eine Art beautifier wäre praktisch. Lassen Sie sagen, dass ich einige JS-Bibliothek bin mit und ich brauche sein Objekt zu instanziiert, so dass ich wissen sollte, was in Konstruktor zu setzen. Aber gerade diese große Bibliothek, die 4 Zeilen in dem Chrome-Entwicklertool Benutzeroberfläche ist sehr ärgerlich ...

Ansonsten ist die Server-Seite muss die Implementierung „dev-Modus“ kümmern, dass die Lieferungen Javascript-Dateien, die nicht verkleinert ...

Answer 1

Einige Browser haben einen Pretty Druck , um das wie folgt aussieht {} und es scheint für HTML, JS und / oder CSS im Browser abhängig.

Chrome hat es in der in der Quellen :

Firefox hat es in der in der Debugger

:

Die Position dieser Tasten ändern kann, aber es sollte immer da sein

Answer 2

Gibt es nicht das Pretty-Print-Symbol (sieht aus wie: {}), zumindest unter Windows gibt es einen, in der Registerkarte Scripts?

Answer 3

Es ist der http://jsbeautifier.org/ für Online-Nutzung ( Sie kopieren müssen / einfügen ).

Auf dieser Seite haben sie einen Link zu Fiedler ( ein Web-Debugging-Proxy ) und ein JavaScript Formatter für sie ( 3. Erweiterung ).