jsonecho

Embellisseur JS

Transformez du JavaScript minifié ou en désordre en code lisible et indenté.

Chargement de l'outil...

Comment utiliser Embellisseur JS

Collez votre JavaScript.
Choisissez une indentation et un style d'accolades.
Copiez le code embelli.

À propos de Embellisseur JS

Le JavaScript minifié est fait pour les machines. Quand vous devez déboguer un bundle de production ou lire un extrait tiers, la première chose dont vous avez besoin est de l'espace. Cet embellisseur restaure les sauts de ligne et l'indentation pour que vous puissiez suivre à nouveau le flux de contrôle.

Il ne peut pas restaurer les noms des variables qu'un minifieur a raccourcis en lettres simples, donc une fonction appelée a reste a. Ce que vous récupérez est la structure, et pour la plupart des débogages c'est assez pour commencer.

Questions fréquentes

L'embellissement change-t-il ce que fait le code ?

Non. Seuls les espaces et les sauts de ligne changent. L'embellisseur ne renomme rien et ne réordonne pas les instructions.

Peut-il restaurer les noms de variables originaux ?

Non. Les noms supprimés par un minifieur sont perdus. Si le bundle est livré avec une source map, les outils de développement de votre navigateur peuvent l'utiliser pour afficher les noms originaux.

Prend-il en charge la syntaxe moderne ?

Oui, les fonctions fléchées, les classes, les template literals, async et await, le chaînage optionnel et les modules ES sont gérés.

Quelle est la différence avec le formateur Babel ?

Cet outil est un embellisseur indulgent qui réindente le code et n'échoue jamais sur une syntaxe qu'il ne comprend pas. Le formateur Babel analyse le code et le réimprime à partir de zéro, ce qui est plus strict et donne des résultats plus cohérents.

Plus dans Formateurs de code

Tous les outils →

Impression CSSImprimez du CSS pour que chaque règle et propriété soit facile à lire.Formater Minifier CSSSupprimez les commentaires et les espaces pour obtenir le CSS le plus petit.Compresser Formateur C#Indentez du code C# et mettez les accolades et instructions sur leurs propres lignes.Formater Formateur JavaRemettez du code Java dans une mise en page lisible : une instruction par ligne, accolades indentées.Formater Formateur GraphQLFormatez des requêtes et schémas GraphQL pour que les sélections imbriquées soient faciles à lire.Formater Formateur AngularFormatez des templates de composants Angular avec leurs directives structurelles et liaisons.Formater Formateur VueFormatez un composant monofichier Vue : template, script et style ensemble.Formater Formateur LessFormatez du code Less, avec ses variables, mixins et règles imbriquées.Formater