Est-il un plugin qui me permet d'automatiquement unminify le code Javascript inclus sur un site?

Question

Est-il un plug-in, add-on, script Greasemonkey ou quelque chose de similaire (au pire, un facile pour utiliser le proxy?) automatiquement unminifies les fichiers Javascript inclus sur un site?

Je sais concernant, par exemple, jsbeautifier.org mais, ce faisant externe ne m'autorise pas à définir des points d'arrêt dans le unminified code, par exemple.

Cas d'utilisation typique pour moi:

• L'analyse et l'apprentissage à la complexité des interfaces web.
• Le débogage des scripts Greasemonkey, qui interagissent avec le code existant.

Je suis principalement intéressé par une solution qui fonctionne avec Firebug, mais si il ya quelque chose pour les outils de dev de Chrome ou Opera, j'aimerais vous entendre à ce sujet.

Answer 1

Quelqu'un a fait JSBeautifier dans un plugin Firebug:

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

Cela a fait ma journée d'aujourd'hui!

Answer 2

Dans google chrome, 13+, il est "pretty print".

1. Droite cliquez sur "inspecter l'élément"
2. Aller à l'onglet Script
3. Cliquez sur le accolades en bas à droite.

Answer 3

Venkman le débogueur JavaScript a un imprimeur.

Il existe aussi une extension pour proxy Fiddler.

IE9 outils de développement ont également un format de "javascript" option (voir "Outils de développement F12 et mise en forme Compacte Script" ici)

Answer 4

FYI - la même fonctionnalité est disponible dans IE9 est les Outils de développement F12: Avec un script onglet ouvert, sélectionnez le marteau/clé à bouton sur la barre de boutons ("Configuration"), et sélectionnez "Format JavaScript".

Answer 5

Si le script n'est compacte pour les espaces, certaines solutions peuvent être proposées pour le travail. Comme vous le mentionnez, JSBeautifier est un outil utile.

Cependant, si le code JavaScript que vous êtes en train de regarder a été compressé à l'aide d'un outil tel que YUI Compressor ou Google Closure compiler, les variables vont être raccourcies et le plus difficile à comprendre.

Pour le voir en action, comparez les minifiés et unminified versions de jQuery (version minifiée utilise le Compilateur de Fermeture).

• origine: https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js
• minifiés: https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js

Pour l'objectif de l'apprentissage de JavaScript, je recommande d'apprendre à partir des bibliothèques et des plugins écrits par certains des meilleurs développeurs JavaScript. Regardez le code source de jQuery, YUI, Moo Outils. Regarder le code sur GitHub par des gens comme John Resig ou Thomas Fuchs. Lire DailyJs et regarder ses exemples.

J'espère que certains de ces outils vous aident dans le processus d'apprentissage. Ce sont les ressources qui m'ont le plus aidé.