Javascript Embellisseur & Minificateur
Formatez du JavaScript désordonné avec des styles d'indentation et d'accolade personnalisés, ou réduisez-le pour réduire la taille du fichier. ES6+ pris en charge. S'exécute entièrement dans votre navigateur : votre code ne quitte jamais votre appareil.
Comment embellir et amp; Réduire JavaScript
Comment utiliser cet outil
Collez votre JavaScript dans le panneau de saisie, sélectionnez Embellir ou Réduire à partir des onglets de mode, et le résultat apparaît instantanément. Ajustez les options telles que la taille du retrait, le style d'accolade et la gestion des nouvelles lignes avant le traitement. Cliquez Copier la sortie copier dans le presse-papiers ou Télécharger .js pour enregistrer le fichier.
Options d'embellissement expliquées
- Style de renfort —
Collapsegarde{sur la même ligne (K&R / standard JS).Expandmet{sur sa propre ligne (style Allman).End-expandest un hybride oùelseetcatchobtenez de nouvelles lignes. - Conserver les nouvelles lignes - conserve les lignes vides de l'original là où elles existent. Utile pour le code qui utilise l'espacement comme regroupement logique.
- JSLint-heureux - correspond au style imposé par JSLint de Douglas Crockford. Les expressions de fonction obtiennent un espace avant
(, entre autres ajustements. - Chaînes de déséchappement — convertit
\xNNet\uNNNNs'échappe vers ses personnages littéraux où ils sont en sécurité.
Explication des options de réduction
- Garder /*! licence */ — conserve les commentaires commençant par
/*!, la convention utilisée par la plupart des bibliothèques pour marquer les en-têtes de copyright MIT/Apache qui doivent rester dans le code distribué. - Supprimer le dernier point-virgule — supprime la finale
;avant}. Enregistre un octet mais rend les différences plus bruyantes, donc c'est désactivé par défaut.
Le minificateur est intentionnellement conservateur : il supprime uniquement les espaces et les commentaires. C'est le cas pas renommez les variables, modifiez les propriétés ou effectuez l'élimination des codes morts au niveau AST. Pour une utilisation d’optimisation agressive terser ou esbuild dans votre pipeline de build.
Propulsé par js-beautify
L'embellisseur est alimenté par js-beautify, la même bibliothèque utilisée par VS Code, Sublime Text, Atom et les formateurs en ligne les plus populaires. Tout s'exécute localement dans votre navigateur : pas d'étape de téléchargement, pas d'aller-retour sur le serveur et aucune limite de débit. Collez un bundle minifié de 500 Ko et il se formate en millisecondes.
FAQ
Mon code JavaScript est-il envoyé à un serveur ?
No. All beautification and minification happens entirely in your browser using js-beautify loaded from a CDN. Your code never leaves your device.
Quelle est la différence entre embellir et minifier ?
Beautifying formats code with proper indentation and line breaks for human readability. Minifying removes whitespace, comments, and unnecessary characters to reduce file size for production deployment.
Le minificateur renomme-t-il les variables ?
No. This tool performs whitespace and comment removal only. It does not rename variables, mangle identifiers, or perform AST-level optimizations. For that level of compression use Terser, UglifyJS, or esbuild in a build pipeline.
Peut-il gérer la syntaxe ES6+ ?
Yes. The beautifier supports modern JavaScript including arrow functions, template literals, async/await, classes, destructuring, spread/rest, optional chaining, and nullish coalescing.
Quelles options de style d’orthèse sont disponibles ?
Three styles: Collapse (opening brace on same line as the statement), Expand (opening brace on a new line), and End-Expand (opening on same line, but else and catch get new lines).