Décompresser du code JavaScript : Différence entre versions
De Vulgum Techus
(→Méthode 1) |
(→Méthode 3) |
||
| Ligne 26 : | Ligne 26 : | ||
== Méthode 2 == | == Méthode 2 == | ||
En soumettant à http://jsbeautifier.org/ n'importe quel code '''[[JavaScript]]''' compacté, on obtient un listing ordonné, indenté et lisible en une seconde. Le site permet de nombreux paramétrages dont '''indentation''', '''retour à la ligne automatique''', etc. | En soumettant à http://jsbeautifier.org/ n'importe quel code '''[[JavaScript]]''' compacté, on obtient un listing ordonné, indenté et lisible en une seconde. Le site permet de nombreux paramétrages dont '''indentation''', '''retour à la ligne automatique''', etc. | ||
| + | |||
| + | |||
| + | = En ligne = | ||
| + | * [http://jsbeautifier.org/ JS beautifier : décompacte et indente des fichiers .js compressés] | ||
== Méthode 3 == | == Méthode 3 == | ||
De nombreuses extensions pour navigateurs permettent en quelques clics d'obtenir le code '''[[JavaScript]]''' bien présenté et lisible (décompressé, indenté, instructions mises en couleur, etc.). Voici les principales : | De nombreuses extensions pour navigateurs permettent en quelques clics d'obtenir le code '''[[JavaScript]]''' bien présenté et lisible (décompressé, indenté, instructions mises en couleur, etc.). Voici les principales : | ||
| − | ===Chrome=== | + | === [[Chrome]] === |
| − | * [https://chrome.google.com/webstore/detail/pretty-beautiful-javascri/piekbefgpgdecckjcpffhnacjflfoddg Pretty Beautiful Javascript | + | * [https://chrome.google.com/webstore/detail/pretty-beautiful-javascri/piekbefgpgdecckjcpffhnacjflfoddg?hl=fr Chrome Web Store] '''Pretty Beautiful Javascript''' |
| − | * [https://chrome.google.com/webstore/detail/prettyprint/nipdlgebaanapcphbcidpmmmkcecpkhg | + | * [https://chrome.google.com/webstore/detail/prettyprint/nipdlgebaanapcphbcidpmmmkcecpkhg?hl=fr Chrome Web Store] '''PrettyPrint''' |
| − | * [https://chrome.google.com/webstore/detail/quick-source-viewer/cfmcghennfbpmhemnnfjhkdmnbidpanb Quick source viewer | + | * [https://chrome.google.com/webstore/detail/quick-source-viewer/cfmcghennfbpmhemnnfjhkdmnbidpanb?hl=fr Chrome Web Store] '''Quick source viewer''' |
| − | * [https://github.com/rixth/jsbeautify-for-chrome | + | * [[https://chrome.google.com/webstore/detail/jsbeautify-for-google-chr/kkioiolcacgoihiiekambdciinadbpfk?hl=fr Chrome Web Store] '''JS Beautify''' (voir détails sur [https://github.com/rixth/jsbeautify-for-chrome GitHub]) |
| + | |||
| + | === [[Firefox]] === | ||
| + | * [https://addons.mozilla.org/en-US/firefox/addon/javascript-deminifier/ addons.mozilla.org] '''[[JavaScript]] Deminifier''' | ||
| + | * [https://addons.mozilla.org/fr/firefox/addon/javascript-view addons.mozilla.org] '''[[JavaScript]] View''' | ||
| + | * [https://addons.mozilla.org/fr/firefox/addon/format-javascript/ addons.mozilla.org] '''Format [[Javascript]]''' | ||
| + | |||
| + | === [[Opera]] === | ||
| + | * [https://addons.opera.com/fr/extensions/details/readable-javascript/?display=en addons.opera.com] '''Readable JavaScript''' -> (voir détails sur [https://github.com/Dither/readable-javascript GitHub]) | ||
| + | * [https://addons.opera.com/fr/extensions/details/source/?display=en addons.opera.com] '''Source''' | ||
| − | == | + | == Extensions [[Safari]] == |
| − | + | * [http://sa.ndropad.in/js-beautify-safari-extension/ sa.ndropad.in] '''JS Beautify Safari Extension''' | |
| − | * [ | + | |
| − | == | + | == Extensions Sublime Text 2 == |
| + | * [https://github.com/jdc0589/JsFormat github.com] '''JsFormat''' | ||
= Commentaires = | = Commentaires = | ||
Version du 22 septembre 2014 à 10:56
Lien court vers cette page : http://vt.cx/DcJ
QR code vers cette page : http://vt.cx/DcJ.qr
Sommaire
Présentation
Il est de plus en plus courant que le JavaScript lié à des pages Internet spécifique soit compressé à l'aide d'outil ad hoc. Pour les décompresser il existe des procédures simples comme expliqué ici.
Procédures
Méthode 1
Les fichiers compactés avec Packer (http://dean.edwards.name/packer/), JavaScript Utility () ou commence toujours par eval(function(p,a,c,k,e,r). Pour les décompacter, il suffit de remplacer eval par alert dans le fichier .js et le sauvegarder. En rappelant la page HTML qui fait appel au JavaScript en question le code décompacté s'affichera dans un popup.
Méthode 2
En soumettant à http://jsbeautifier.org/ n'importe quel code JavaScript compacté, on obtient un listing ordonné, indenté et lisible en une seconde. Le site permet de nombreux paramétrages dont indentation, retour à la ligne automatique, etc.
En ligne
Méthode 3
De nombreuses extensions pour navigateurs permettent en quelques clics d'obtenir le code JavaScript bien présenté et lisible (décompressé, indenté, instructions mises en couleur, etc.). Voici les principales :
Chrome
- Chrome Web Store Pretty Beautiful Javascript
- Chrome Web Store PrettyPrint
- Chrome Web Store Quick source viewer
- [Chrome Web Store JS Beautify (voir détails sur GitHub)
Firefox
- addons.mozilla.org JavaScript Deminifier
- addons.mozilla.org JavaScript View
- addons.mozilla.org Format Javascript
Opera
- addons.opera.com Readable JavaScript -> (voir détails sur GitHub)
- addons.opera.com Source
Extensions Safari
- sa.ndropad.in JS Beautify Safari Extension
Extensions Sublime Text 2
- github.com JsFormat
