Comment puis-je ajouter de la couleur à la sortie de ma console JavaScript ?

Styling de la sortie de la console en JavaScript à l'aide de couleurs

Dans les navigateurs Web modernes comme Chrome et Firefox, il est possible d'ajouter un style au texte affiché dans la console JavaScript. Cela peut être utile pour différencier visuellement différents types de messages, tels que les erreurs, les avertissements et les appels console.log() réguliers.

Pour styliser la sortie de la console, vous pouvez utiliser la syntaxe suivante :

console.log('%c Styled Text', 'color: #color-code; background: #background-color-code');

Par exemple, pour afficher les erreurs en rouge, les avertissements en orange et les sorties console.log() en vert, vous pouvez utiliser le code suivant :

console.log('%c Error message', 'color: #ff0000; background: #ff9999');
console.log('%c Warning message', 'color: #ff9900; background: #ffdd99');
console.log('%c Regular message', 'color: #008000; background: #99ff99');

Ce affichera le texte coloré suivant dans la console :

• Erreur : texte rouge sur fond rouge clair
• Avertissement : texte orange sur fond orange clair
• Console .log : Texte vert sur fond vert clair

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!