Weiß jemand, ob Chrome Developer Tools Javascripts in lesbare Form formatieren kann? Eine Art Verschönerer wäre praktisch. Angenommen, ich verwende eine JS-Bibliothek und muss deren Objekt instanziieren, damit ich weiß, was in den Konstruktor eingefügt werden soll. Das Durchsuchen dieser riesigen Bibliothek mit 4 Zeilen in der Benutzeroberfläche von Chrome Developer Tools ist jedoch ziemlich ärgerlich ...
Andernfalls muss sich die Serverseite um die Implementierung des "Dev-Modus" kümmern, der Javascript-Dateien liefert, die nicht minimiert sind ...
Antworten:
Einige Browser haben eine hübsche Druckschaltfläche , die so aussieht
{}
und je nach Browser für HTML, JS und / oder CSS angezeigt wird.Chrome hat es in der Registerkarte Quellen :
Firefox hat es in der Registerkarte Debugger
::
Die Position dieser Tasten kann sich ändern, sollte aber immer vorhanden sein
quelle
Gibt es nicht das Pretty Print-Symbol (sieht aus wie: {}), zumindest unter Windows gibt es eines auf der Registerkarte "Skripte"?
quelle
Es gibt http://jsbeautifier.org/ für die Online-Nutzung ( Sie müssen kopieren / einfügen ).
Auf dieser Site haben sie einen Link zu Fiddler ( einem Web-Debugging-Proxy ) und einen JavaScript-Formatierer dafür ( 3. Erweiterung ).
quelle