Existe-t-il un plugin qui me permet de déminifier automatiquement le Javascript inclus sur un site?
Existe-t-il un plugin, un add-on, un script Greasemonkey ou quelque chose de similaire (au pire un proxy facile à utiliser?) Qui automatiquement unminifies les fichiers Javascript inclus sur un site?
Je connais par exemple jsbeautifier.org mais le fait de le faire en externe ne me permet pas de définir des points d'arrêt dans le code non terminé, par exemple.
Cas d'utilisation typiques pour moi:
- Analyser et apprendre des interfaces Web complexes.
- Débogage des scripts Greasemonkey qui interagissent avec le code existant.
Je suis principalement intéressé par une solution qui fonctionne avec Firebug, mais s'il y a quelque chose pour les outils de développement de Chrome ou Opera, j'aimerais aussi en entendre parler.
En chrome 13+, il y a «joli imprimé».
- Clic droit 'inspecter l'élément'
- Aller à l'onglet Script
- Cliquez sur les accolades en bas à droite.
Quelqu'un a transformé JSBeautifier en un plugin Firebug:
https://addons.mozilla.org/en-US/firefox/addon/javascript-deminifier/
Cela a fait ma journée aujourd'hui!
FYI - la même fonctionnalité est disponible dans les outils de développement F12 pour IE9: avec l'onglet de script ouvert, sélectionnez le bouton «marteau/clé» dans la barre de boutons ("Configuration"), puis sélectionnez "Format JavaScript".
Si le script est seulement minifié pour les espaces, certaines des solutions proposées peuvent fonctionner. Comme vous l'avez mentionné, JSBeautifier est un outil utile.
Toutefois, si le code JavaScript que vous consultez a été compressé avec un outil tel que YUI Compressor ou Compilateur Google Closure , les variables seront raccourcies et plus difficiles à comprendre.
Pour voir cela en action, comparez les versions minifiée et non modifiée de jQuery (la version minifiée utilise Closure Compiler).
- original: https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js
- minified: https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js
Pour apprendre le JavaScript, je vous recommande d’apprendre à partir de bibliothèques et de plugins écrits par certains des meilleurs développeurs JavaScript. Regardez le code source de jQuery , YUI , Moo Tools . Regardez le code sur GitHub par des personnes comme John Resig ou Thomas Fuchs . Lisez DailyJs et regardez ses exemples.
J'espère que certains de ces outils vous aideront dans votre processus d'apprentissage. Ce sont les ressources qui m'ont le plus aidé.
Webkit/Chromium peut également le faire, voir Bug Webkit 57942 , Changeset 83713 et Le récapitulatif des modifications de Peter Beverloo le mentionnant .
Ne me demandez pas à partir de quelle version de Chromium/Chrome il est disponible, mais n'hésitez pas à le mentionner ici si vous le savez. :)
Paramètre "Auto Prettify Minified Sources" de Firefox Les outils de développement de Firefox activent par défaut la fonctionnalité Prettify Source .
Pour l'activer:
- ouvrir les outils de développement Firefox (Ctrl + Maj + I)
- Onglet débogueur
- icône du moteur en haut à droite de l'onglet Débogueur, pas le moteur de paramètres globaux
Ceci est documenté à: https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file
Testé sur Firefox 42.
N'est pas possible avec les outils actuels. Voir les scripts eval est le maximum que vous puissiez obtenir. Jsbeautifier.org est agréable open thing, et quelqu'un peut l'intégrer au firebug info.
PrettyPrint est une extension Nice chrome pour cela, elle désamorce automatiquement js en un battement de coeur tout en utilisant une source normale (Ctrl-U).
Vous pouvez l'avoir ici:
https://chrome.google.com/webstore/detail/prettyprint/nipdlgebaanccbbcidpmmmkcecpkhg/