Maison >interface Web >js tutoriel >Pouvez-vous coloriser la sortie de la console JavaScript dans Chrome ?

Pouvez-vous coloriser la sortie de la console JavaScript dans Chrome ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-16 00:01:03482parcourir

Can You Colorize JavaScript Console Output in Chrome?

Colorisation de la sortie de la console en JavaScript

Pouvez-vous améliorer la console JavaScript dans Chrome pour afficher les erreurs en rouge, les avertissements en orange et la console. enregistrer les messages en vert ? Cette personnalisation est-elle réalisable ?

Réponse :

Chrome et Firefox (version 31 ) présentent une solution : vous pouvez incorporer du CSS dans les messages console.log. Voici comment :

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

Cette approche utilise la syntaxe CSS dans l'instruction console.log pour contrôler l'apparence du message enregistré. Plus précisément, la propriété 'background' définit la couleur d'arrière-plan et la propriété 'color' définit la couleur du texte.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn