web-dev-qa-db-de.com

Tool zum Dekomprimieren / Dekomprimieren von JavaScript

Gibt es Befehlszeilenskripte und/oder Online-Tools, die die Auswirkungen der Minimierung umkehren können, ähnlich wie Tidy schreckliches HTML bereinigen kann?

(Ich versuche speziell, eine minimierte JavaScript-Datei zu minimieren, sodass das Umbenennen von Variablen immer noch ein Problem sein kann.)

428
Andy Ford

Sie können dies verwenden: http://jsbeautifier.org/ Aber es hängt von der verwendeten Minify-Methode ab, diese formatiert nur den Code, ändert keine Variablennamen und dekomprimiert die Base62-Codierung nicht .

edit: in der Tat kann es "gepackte" Skripte entpacken (gepackt mit Dean Edwards Packer: http://dean.edwards.name/packer/ )

502
Fabien Ménager

In den Chrome-Entwicklertools ist diese Funktion integriert. Rufen Sie die Entwicklertools auf (Drücken von F12 ist eine Möglichkeit). Auf der Registerkarte Quellen befinden sich in der linken unteren Leiste eine Reihe von Symbolen. Das "{}" -Symbol ist "Hübscher Druck" und führt diese Konvertierung bei Bedarf durch.

UPDATE: IE9 "F12-Entwicklertools" verfügt auch über die Funktion "JavaScript formatieren" auf der Registerkarte "Skript" unter dem Symbol "Tools". ( siehe Tipp 4 in F12 Das bestgehütete Web-Debugging-Geheimnis )

enter image description here

151
Jon Adams

Verstanden! JSBeautifier macht genau das und Sie haben sogar Optionen für die automatische Formatierung.

56
Robinicks

Können Sie nicht einfach einen Javascript-Formatierer verwenden ( http://javascript.about.com/library/blformat.htm )?

16
Janco

In Firefox, SpiderMonkey und Rhino können Sie jeden Code in eine anonyme Funktion einbinden und die toSource -Methode aufrufen, mit der Sie eine gut formatierte Quelle für die Funktion erhalten.

toSource entfernt auch Kommentare.

E. g. :

(function () { /* Say hello. */ var x = 'Hello!'; print(x); }).toSource()

Wird in einen String konvertiert:

function () {
    var x = "Hello!";
    print(x);
}

P. S. : Es ist kein "Online-Tool", aber alle Fragen zu allgemeinen Verschönerungstechniken sind als Duplikate dieses Tools geschlossen.

14
katspaugh

Wenn Sie einen Mac und TextMate haben - Eine einfache Alternative zum Formatieren von Javascript ist:

  1. Öffnen Sie die Datei mit Textmate.
  2. Klicken Sie auf> Bundles> JavaScript> Dokument neu formatieren
  3. Öffne ein Bier.
10
Stone

Die meisten IDEs bieten auch Funktionen zur automatischen Formatierung. Zum Beispiel in NetBeans drücken Sie einfach STRG + K.

6
gou1

klicken Sie auf diesen Link, um die JS-Deminifizierung durchzuführen. Das wird auf FF als Erweiterung installiert, die Ihnen beim Debuggen von js zur Laufzeit hilft.

https://addons.mozilla.org/en-US/firefox/addon/javascript-deminifier/eula/141018?src=dp-btn-primary

5
sanjeev

Ähnlich der Antwort von Stone , jedoch für Windows/.NET-Entwickler:

Wenn Sie Visual Studio und ReSharper haben - Eine einfache Alternative zum Formatieren von Javascript ist:

  • Öffnen Sie die Datei mit Visual Studio.
  • Klicken Sie auf ReSharper> Extras> Bereinigungscode (Strg + E, C).
  • Wählen Sie "Standard: Code neu formatieren" und klicken Sie auf "OK".
  • Öffne ein Bier.
5
Caio Proiete

Als Alternative (da ich bis jetzt nichts über jsbeautifier.org wusste) habe ich ein Lesezeichen verwendet, das den Dekodierungsknopf in Dean Edwards Packer wieder aktiviert hat.

Ich fand die Anleitung und das Lesezeichen hier .

hier ist das Lesezeichen (falls die Seite nicht erreichbar ist)

javascript:for%20(i=0;i<document.forms.length;++i)%20{for(j=0;j<document.forms[i].elements.length;++j){document.forms[i].elements[j].removeAttribute(%22readonly%22);document.forms[i].elements[j].removeAttribute(%22disabled%22);}}
5
Mottie

Ich bin nicht sicher, ob Sie Quellcode benötigen. Es gibt einen kostenlosen Online-JavaScript-Formatierer unter http://www.blackbeltcoder.com/Resources/JSFormatter.aspx .

5
Jonathan Wood

Versuchen Sie dieses mit Code-Färbung:

http://labs.swelen.com/tools/javascript/beauty.html

5
Swelen Team

JSPretty ist ein gutes, kostenloses und Online-Tool, mit dem Javascript-Quellcodes für Menschen lesbar gemacht werden können. Sie können die von Ihnen bevorzugte Art der Einrückung erzwingen und auch die Verschleierung erkennen.

4
Farshid

Pretty Diff verschönert (pretty print) JavaScript auf eine Art und Weise, die JSLint und - entspricht JSHint Leerraumalgorithmen.

3
austincheney

Wenn man in JS ist, ist die Möglichkeit, Firefox zu benutzen, größer. Und wenn sein Firefox-Add-On für die Rettung ist. Das Folgende ist besonders nützlich.

https://addons.mozilla.org/en-US/firefox/addon/phoenix/

3
Anil Namde

War mit der Ausgabe von jsbeautifier.org für das, was ich eingegeben habe, nicht wirklich zufrieden, also habe ich noch ein paar Mal gesucht und diese Seite gefunden: http://www.centralinternet.com.br/javascript-beautifier

Hat bei mir sehr gut funktioniert.

3
Doyle Lewis

http://unminify.appspot.com/ Großartige Tools zum Unminifizieren von Javascript und Json

2
Bui Dinh Ngoc