Formateur JavaScript
Formatez et embellissez du code JavaScript en ligne, gratuitement.
Entrée
Sortie
Qu'est-ce que le formateur JavaScript ?
Vous venez de recevoir un JavaScript minifié illisible depuis une API tierce, ou vous déboguez un bundle de production — impossible de s'y retrouver. Ce formateur ajoute l'indentation, les sauts de ligne et les espaces nécessaires pour que la structure soit immédiatement claire. La documentation MDN JavaScript est la référence du langage, et la spécification ECMAScript en définit les fondements. Des outils comme Prettier et ESLint gèrent ça en CI — mais quand vous avez besoin d'un formatage rapide maintenant, c'est ici que ça se passe. Tout tourne dans votre navigateur; rien n'est envoyé à un serveur. webpack et Rollup produisent des sorties minifiées que vous voudrez formater pour déboguer.
Cet outil s'exécute entièrement dans votre navigateur. Rien n'est envoyé à un serveur. Collez du JS ou téléchargez un fichier ; obtenez une sortie formatée. Utilisez Minifier pour les bundles de production. Pour la validation, utilisez Validateur JavaScript. Pour minifier uniquement, utilisez Minificateur JavaScript.
Comment utiliser cet outil
Coller ou télécharger
Collez le JavaScript dans le panneau gauche ou téléchargez un fichier .js ou .txt. Utilisez Exemple pour charger du code d'exemple. Utilisez Effacer pour réinitialiser.
Vérifier la sortie
Le panneau droit se met à jour automatiquement avec le code formaté. Utilisez Minifier pour produire une version compacte pour la production.
Copier ou télécharger
Utilisez Copier ou Télécharger pour obtenir le résultat. Pour JSX/React, utilisez Formateur JSX. Pour la conversion TypeScript, utilisez JavaScript vers TypeScript.
Exemples de formatage JavaScript
Voici un exemple de formatage de code JavaScript minifié.
Exemple : recherche de plan d'abonnement
Entrée minifiée :
Sortie formatée :
Quand le formateur JavaScript aide
Lors du débogage de code minifié, de la revue de bundles de webpack ou rollup, ou de l'apprentissage à partir de scripts de production, le formatage rend la structure visible. Idéal pour les stack traces, le code tiers et les vérifications rapides de lisibilité. La spécification ECMAScript définit le langage. Pour le code obfusqué, utilisez d'abord Déobfuscateur JavaScript.
Questions fréquentes
Mes données sont-elles privées ?
Oui. Le formatage s'exécute entièrement dans votre navigateur. Aucune donnée n'est envoyée à un serveur.
Formateur vs Minificateur ?
Le formateur ajoute l'indentation pour la lisibilité. Le minificateur supprime les espaces et commentaires pour un fichier plus petit. Cet outil peut faire les deux.
Prend-il en charge ES6+ ?
Oui. La syntaxe JavaScript moderne (fonctions fléchées, classes, async/await) est prise en charge.
Et JSX ?
Pour JSX et React, utilisez Formateur JSX.
Peut-il corriger les erreurs de syntaxe ?
Non. Le JavaScript invalide affichera une erreur. Utilisez Validateur JavaScript pour vérifier la syntaxe d'abord.
Outils associés
En savoir plus : ECMAScript, MDN JavaScript, webpack, rollup, source maps, Vite, TypeScript.