Outils pour Développeurs

Formateur JavaScript

Transformez du JavaScript minifié ou mal indenté en code propre et indenté.

Évaluez cet outil
Entrée
Sortie

Comment utiliser Formateur JavaScript

  1. Collez votre JavaScript à gauche.
  2. La version mise en forme apparaît à droite.
  3. Copiez le code lisible.

À propos de Formateur JavaScript

Le Formateur JavaScript transforme un code minifié ou mal mis en forme en JavaScript propre et correctement indenté. Collez votre code source à gauche et la version lisible apparaît à droite, avec une indentation cohérente, un espacement autour des opérateurs et des accolades, et chaque instruction sur sa propre ligne. Des bundles denses et des fichiers minifiés sur une seule ligne deviennent enfin suivables.

Il repose sur js-beautify, la même bibliothèque largement utilisée et intégrée à de nombreux éditeurs et IDE, si bien que la mise en forme correspond aux conventions que les développeurs connaissent déjà plutôt qu'à un style personnalisé. C'est exactement ce qu'il faut quand vous essayez de lire un script tiers, de déboguer un bundle de production, ou de comprendre un code arrivé sans aucun espace.

La mise en forme n'est qu'une étape de présentation : elle réindente votre code sans en changer la logique, et tout se passe dans votre navigateur, rien n'est donc envoyé. Copiez le résultat propre une fois terminé. Au moment de mettre en production, le Minifieur JavaScript le compresse en toute sécurité, et le Formateur CSS fait de même pour vos feuilles de style.

Questions fréquentes

Que utilise le formateur JavaScript ?

Il repose sur js-beautify, la même bibliothèque reconnue que l'on trouve dans de nombreux éditeurs et IDE. Cela lui donne une indentation et un espacement prévisibles et familiers, plutôt qu'un formateur maison unique.

La mise en forme change-t-elle le comportement de mon code ?

Non. Elle ne fait que remettre en forme les espaces et la présentation. Les instructions, noms et logique restent inchangés, donc le code s'exécute exactement comme avant, mais sous une forme bien plus lisible.

Peut-il lire du code minifié ou empaqueté ?

Oui. Collez un script compressé sur une seule ligne et il est développé en code propre et indenté, ce qui est précieux pour déboguer un bundle de production ou étudier une bibliothèque tierce.

Mon JavaScript est-il envoyé à un serveur ?

Non. La mise en forme s'exécute entièrement dans votre navigateur, votre code ne quitte donc jamais la page. Cela le rend sûr pour des scripts propriétaires ou non publiés.

Comment le réduire à nouveau pour la production ?

Passez le code mis en forme dans le Minifieur JavaScript, qui supprime les commentaires et réduit les espaces avec prudence pour alléger le fichier sans risquer de casser son comportement.