Formateur & Embellisseur JavaScript

Collez du code JavaScript (y compris des fichiers minifiés) et obtenez une version propre et indentée. Parfait pour rendre lisible du code JavaScript compressé ou obfusqué en un clic.

Entrée

Sortie

Fonctionnalités

Basculer entre embellir et minifier

Indentation sur mesure

Coloration syntaxique

Comment Utiliser

1. Collez du JavaScript dans la zone de saisie à gauche.

2. Cliquez sur Formater pour embellir, ou Minifier pour compresser.

3. Copiez le résultat formaté.

À propos de cet outil

Les scripts minifiés, le code collé depuis une messagerie ou un bundle ouvert dans le navigateur sont difficiles à lire sur une seule ligne. Ce formateur réindente le JavaScript en fonction des accolades, crochets et parenthèses, place chaque instruction sur sa propre ligne et conserve intacts chaînes et commentaires, pour que la structure des fonctions et des objets redevienne visible. Choisissez deux espaces, quatre espaces ou des tabulations. La minification fait le chemin inverse et supprime commentaires et espaces superflus pour une copie compacte. C'est un formateur léger qui s'exécute instantanément dans votre navigateur, pas un compilateur complet : il est idéal pour lire et ranger du code ; pour un formatage cohérent sur tout un projet, utilisez Prettier ou le formateur de votre éditeur.

Questions Fréquentes

Peut-il rendre à un code obfusqué ou minifié sa forme d'origine ?

Le formatage rétablit l'indentation et les sauts de ligne, ce qui rend le code minifié lisible, mais les noms de variables raccourcis comme a, b ou e ne peuvent pas retrouver leurs noms d'origine. Il faut pour cela des source maps.

Prend-il en charge TypeScript ou JSX ?

Du TypeScript et du JSX simples se formatent souvent correctement, car l'indentation suit les accolades et les crochets, mais les annotations de type et les balises JSX ne sont pas analysées spécifiquement. Utilisez Prettier pour formater ces langages de façon fiable.

La sortie minifiée peut-elle être utilisée en production ?

Elle retire commentaires et espaces, mais ne renomme pas les variables et n'élimine pas le code mort comme le font des minifieurs dédiés tels que Terser ou esbuild. Pour les builds de production, utilisez le minifieur de votre bundler, qui génère aussi des source maps.

Le formatage change-t-il l'exécution de mon code ?

Le formateur ne modifie que les espaces et les sauts de ligne. Le principal risque concerne le code qui dépend de l'insertion automatique de points-virgules d'une ligne à l'autre ; lancez toujours vos tests sur le code formaté avant de le committer.

Pourquoi le résultat paraît-il étrange autour des expressions régulières ?

Un littéral d'expression régulière comme /[a-z]+/ peut ressembler à une division pour un formateur léger. Si une ligne contenant une regex complexe est découpée bizarrement, corrigez-la à la main ou utilisez un formateur fondé sur un analyseur complet.