Für Menschen lesbare Javascripts in Chrome-Entwicklertools

Lesezeit: 2 Minuten

Benutzer-Avatar
Lisak

Weiß jemand, ob Chrome Developer Tools Javascripts in menschenlesbarer Form formatieren können? Eine Art Verschönerer wäre praktisch. Angenommen, ich verwende eine JS-Bibliothek und muss ihr Objekt instanziieren, damit ich weiß, was ich in den Konstruktor einfügen muss. Aber das Durchsuchen dieser riesigen Bibliothek mit 4 Zeilen in der Benutzeroberfläche der Chrome Developer Tools ist ziemlich nervig …

Andernfalls muss sich die Serverseite um die Implementierung des “Dev-Modus” kümmern, der Javascript-Dateien bereitstellt, die nicht minifiziert sind …

  • Ziemlich sicher, dass das nicht möglich ist, aber ich hoffe, dass ich falsch liege, weil es ein nettes Feature wäre.

    – Zewan

    19. Dezember 2010 um 18:31 Uhr

  • Das habe ich, aber das Fehlen dieser Funktion ist ziemlich überraschend, also habe ich besser hier gefragt

    – Lisak

    19. Dezember 2010 um 21:20 Uhr

  • Firebug-Version: stackoverflow.com/questions/4279319/…

    – Ciro Santilli Путлер Капут 六四事

    16. November 2015 um 17:47 Uhr

Benutzer-Avatar
fgm2r

Einige Browser haben eine Hübscher Druck Schaltfläche, die so aussieht {} und es wird je nach Browser für HTML, JS und/oder CSS angezeigt.

Chrome hat es in der in der Quellen Tab:

Chrome 40 hübsche Drucktaste

Firefox hat es in der in der Debugger Tab

Firefox 35 Quellschaltfläche verschönern:

Die Position dieser Schaltflächen kann sich ändern, sollte aber immer vorhanden sein

  • Unter Windows ist es ein kleines Symbol, das -> { } ähnelt. Titel sagt hübschen Druck.

    – Alleskönner

    11. Juni 2011 um 19:41 Uhr

  • @with Danke, dass du das erwähnt hast. Ich frage mich, warum sie es unter Windows/Mac OS anders implementiert haben.

    – fgm2r

    11. Juni 2011 um 19:49 Uhr

  • Weiß jemand, was mit dieser Chrome-Funktion passiert ist? Ich glaube, ich habe das in der Vergangenheit in meinem Chrome gesehen, aber jetzt scheint es weg zu sein.

    – superjos

    29. Januar 2012 um 17:18 Uhr

  • @superjos Sie haben es jetzt so geändert, dass es auf Mac OS und Windows gleich ist.

    – fgm2r

    29. Januar 2012 um 18:42 Uhr

  • ähm, aber ich kann das nicht einmal im Kontextmenü sehen. Nur der Befehl „Element prüfen“ ist vorhanden. Sehen Bildschirmfoto.

    – superjos

    29. Januar 2012 um 18:51 Uhr


Gibt es nicht das Pretty Print-Symbol (sieht aus wie: { }), zumindest unter Windows, auf der Registerkarte Skripte?

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

Auf dieser Seite haben sie einen Link zu Geiger (ein Web-Debugging-Proxy) und ein JavaScript-Formatierer dafür (3. Erweiterung).

1282560cookie-checkFür Menschen lesbare Javascripts in Chrome-Entwicklertools

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy