À propos de cet outil
Le code arrive minifié depuis un bundle, ou en désordre après un collage rapide, et vous avez besoin de l’inverse. Ce formateur fait les deux : embellir pour développer et indenter du HTML, CSS ou JavaScript afin de le rendre lisible, ou minifier pour l’alléger avant livraison. La minification JavaScript est assurée par Terser et celle du CSS par CSSO — les mêmes outils éprouvés qu’on trouve dans de vrais pipelines de build.
Tout tourne localement dans votre navigateur, si bien que même un code propriétaire reste sur votre machine. Choisissez le langage, choisissez embellir ou minifier, et copiez le résultat.
Questions fréquentes
Quelle est la différence entre « beautify » (mise en forme) et « minify » (minification) ?
La mise en forme ajoute indentation et retours à la ligne pour que le code soit lisible ; la minification supprime les espaces, les commentaires et raccourcit les noms pour rendre le fichier aussi petit que possible en production. Utilisez la mise en forme pendant le développement et la minification avant la mise en ligne.
La minification change-t-elle le comportement de mon code ?
Elle ne devrait pas — les minificateurs ne réécrivent que la syntaxe dont l'équivalence est prouvée (renommage des variables locales, suppression du code mort, etc.). Si le résultat minifié se comporte différemment, cela indique généralement du code qui reposait sur des subtilités sensibles aux espaces, ou un vrai bug détecté par l'analyseur du minificateur.
Mon code est-il envoyé quelque part ?
Non. La mise en forme comme la minification s'exécutent entièrement dans votre navigateur grâce à des bibliothèques JavaScript (js-beautify, Terser, csso) chargées une fois puis exécutées localement. Votre code ne quitte jamais la page.
Quels langages ce formateur prend-il en charge ?
JavaScript, CSS et HTML. La minification JS utilise Terser, celle du CSS utilise csso, et la minification HTML est un traitement maison léger qui préserve le contenu des balises <pre>, <script> et <style>.
Pourquoi ai-je obtenu une erreur de syntaxe au lieu du résultat formaté ?
Le formateur analyse votre code avant de le mettre en forme ou de le minifier ; une véritable erreur de syntaxe (accolade non fermée, virgule superflue) est donc signalée avec un numéro de ligne, au lieu de produire silencieusement une sortie cassée.