Embellisseur JavaScript
Embellissez JavaScript : transformez les one-liners minifiés en code lisible.
Comment utiliser Embellisseur JavaScript
- Collez le JavaScript : un bundle minifié, un script en ligne ou une source désordonnée.
- Lisez la sortie formatée : les instructions sont séparées, les blocs sont indentés, le flux visible.
- Attendez-vous à des noms de variables courts dans le code de production : la minification les a renommés de façon permanente ; la structure raconte toujours l'histoire.
- Pour le débogage des sites en ligne, {} Pretty-print de DevTools le fait avec des points d'arrêt – utilisez les deux.
Qu'est-ce que Embellisseur JavaScript ?
Un embellisseur JavaScript reformate le code en une structure lisible : instructions sur leurs propres lignes, blocs indentés, opérateurs espacés – transformant la ligne unique de 80 000 caractères d'un ensemble minifié en code qu'un humain peut suivre. La logique est intacte ; seul le formatage revient.
La mise en garde honnête dès le départ : l'embellissement inverse la suppression des espaces de la minification mais pas le renommage des variables - la fonction a(b,c){return b+c> des bundles de production s'embellit en une structure lisible avec des noms illisibles. La structure et le contexte suffisent généralement pour suivre la logique ; les noms originaux nécessitent des cartes sources.
À propos de Embellisseur JavaScript
Collez du JavaScript minifié ou désordonné et obtenez une sortie structurée et indentée, suffisamment lisible pour déboguer, apprendre ou auditer.
Pourquoi les gens embellissent JS : déboguer une erreur de production dont la trace de la pile pointe dans un ensemble minifié (embellir, trouver la ligne, raisonner), comprendre ce que fait réellement un script tiers avant de lui faire confiance sur une page (extraits d'analyse, tags publicitaires, ce que veut le marketing des widgets), inspecter la logique frontale d'un site à partir de la curiosité ou la recherche, et le reformatage du code existant écrit avant que Prettier ne standardise le style de chacun.
Alternative dans le navigateur à connaître : le joli bouton d'impression de DevTools ({}) fait cela dans le débogueur avec des points d'arrêt attachés. Pour la révision du code, le partage ou la lecture hors ligne, un embellisseur vous remet le texte lui-même. Le voyage inverse est le JavaScript Minifier ; pour un code délibérément brouillé (pas simplement minifié), voir le Deobfuscator.