Pouvez-vous utiliser CSS pour colorer la sortie de la console dans Chrome et Firefox ?

Affichage des couleurs dans la console JavaScript

Est-il possible d'utiliser la console Chrome pour afficher du texte en couleur, comme le rouge pour les erreurs, l'orange pour les avertissements , et vert pour les messages console.log ?

Réponse

Oui, il est possible d'utiliser CSS pour ajouter des couleurs aux messages affichés dans la console dans Chrome et Firefox (version 31 ou ultérieure). Pour y parvenir, utilisez le modèle suivant :

console.log('%c Oh my heavens! ', 'background: #222; color: #bada55');

Dans cet exemple, %c représente le style CSS à appliquer au texte, tandis que la chaîne suivante entre guillemets simples définit les règles de style réelles. Les règles de style CSS peuvent inclure des propriétés telles que l'arrière-plan, la couleur et l'épaisseur de la police pour formater le texte comme vous le souhaitez.

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!