Formateur JS/CSS
FreeReformate du JavaScript ou du CSS minifié ou à l'indentation incohérente en code lisible et correctement indenté, avec un style d'indentation réglable et des statistiques de taille avant/après.
Fonctionne entièrement dans votre navigateur. Votre code n'est jamais envoyé nulle part.
Ce que fait cet outil
Collez du JavaScript ou du CSS minifié ou mal indenté, choisissez un style d'indentation, et cet outil le reformate en code lisible avec une indentation et des retours à la ligne cohérents.
Comment ça marche
L'outil analyse votre code en jetons (mots-clés, crochets, opérateurs, chaînes), puis réimprime ces jetons avec de nouveaux retours à la ligne et une indentation basée sur la profondeur d'imbrication, en utilisant respectivement le moteur open source js-beautify pour JavaScript et CSS. Les jetons sous-jacents et leur ordre ne sont jamais modifiés, seul l'espace autour d'eux change.
Problèmes résolus
- Rendre à nouveau lisible un fichier JS ou CSS minifié sur une seule ligne pour le débogage ou la relecture.
- Normaliser une indentation incohérente (tabulations et espaces mélangés, largeurs incohérentes) dans un fichier.
- Inspecter rapidement du code tiers ou fournisseur livré minifié.
- Convertir entre une indentation à 2 espaces, 4 espaces et tabulation pour correspondre au guide de style d'un projet.
Questions fréquentes
›Cet outil minifie-t-il aussi le code ?
Non, cet outil ne fait que formater (embellir) le code en ajoutant une indentation et des retours à la ligne appropriés. Si vous devez réduire la taille du code en supprimant les espaces, utilisez plutôt un outil de minification dédié.
›Le formatage changera-t-il le comportement de mon code ?
Non. Le formatage ne change que les espaces, l'indentation et les retours à la ligne. Il ne change jamais les identifiants, la logique ou le contenu des chaînes, donc le code formaté se comporte de manière identique à l'original.
›Pourquoi mon JavaScript semble-t-il incorrect après le formatage ?
Si l'entrée contient une erreur de syntaxe (une parenthèse non fermée, une virgule superflue, un JSON invalide utilisé comme JS, etc.), le formateur peut mal interpréter la structure. Vérifiez la console du navigateur ou un linter JavaScript pour trouver le problème de syntaxe exact, corrigez-le, puis formatez à nouveau.
›Puis-je formater du SCSS ou du LESS avec ceci ?
La syntaxe de base SCSS et LESS (imbrication, variables, commentaires) se formate généralement bien car elle reste proche du CSS, mais les fonctionnalités spécifiques au préprocesseur comme les mixins ou les fonctions ne sont pas spécifiquement comprises et peuvent être reformatées de manière imparfaite.
›Pourquoi choisir des tabulations plutôt que des espaces pour l'indentation ?
C'est purement une préférence de style, les deux sont fonctionnellement identiques en JavaScript et CSS. Choisissez celui qui correspond au guide de style existant de votre projet ou à la configuration de votre éditeur.
Outils similaires
Texte
Générateur de Rétroacronymes
Transformez tout acronyme ou mot en rétroacronyme selon 6 tons et 5 modèles de phrases, avec des mots personnalisés par lettre et une notation de mémorabilité/prononçabilité.
FreeTexte
Calculateur de Bande Passante
Convertissez entre unités de données, estimez le temps de transfert de fichiers, dimensionnez la bande passante d'un site web à partir du trafic, et convertissez entre une allocation de données mensuelle et une vitesse de connexion soutenue.
FreeTexte
Créateur de Diagramme à Barres
Transformez de simples données étiquette,valeur en un graphique à barres personnalisable avec 8 thèmes de couleurs, orientation, tri, prise en charge des valeurs négatives, statistiques instantanées, et export SVG/PNG.
FreeTexte
Encodeur/Décodeur Base64
Encodez du texte en base64 ou décodez du base64 en texte, en direct pendant que vous tapez, avec une prise en charge complète de l'Unicode et une variante optionnelle sûre pour les URL.
FreeTexte
Convertisseur de Base Numérique
Convertissez un nombre entre binaire, octal, décimal, hexadécimal, BCD, code Gray, et toute base personnalisée de 2 à 36, tout à la fois à partir d'une seule entrée.
FreeTexte
Générateur et Vérificateur de Hash Bcrypt
Générez et vérifiez des hachages de mot de passe bcrypt entièrement dans votre navigateur à l'aide de WebAssembly, avec un facteur de coût et un sel ajustables.
FreeTexte
Convertisseur de Lecture Bionique
Convertissez n'importe quel texte au format de lecture bionique en mettant en gras la première partie de chaque mot pour vous aider à lire plus vite et à mieux vous concentrer.
FreeTexte
Générateur de Hash Blake2b
Calculez le hash BLAKE2b d'un texte ou d'un fichier dans votre navigateur, avec une longueur de sortie ajustable et un hachage à clé optionnel (MAC).
Commentaires (0)
Cet outil vous a-t-il été utile ? Laissez un commentaire, partagez une astuce, ou dites-nous comment nous pourrions l'améliorer.
Pas encore de commentaires. Soyez le premier à partager votre avis !