Für Menschen lesbare Javascript in Chrom-Entwickler-Tool
-
11-10-2019 - |
Frage
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 ...
Lösung
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
Andere Tipps
Gibt es nicht das Pretty-Print-Symbol (sieht aus wie: {}), zumindest unter Windows gibt es einen, in der Registerkarte Scripts?
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 ).