web-dev-qa-db-fra.com

JavaScript - ajout de style au texte du journal de la console

Récemment, je me suis connecté à mon compte FB sur Chrome Browser. Lorsque j'ai ouvert les outils de développement, j'ai vu quelque chose comme ceci:

enter image description here

Maintenant, je sais qu'il est possible d'ajouter n'importe quoi à la console en utilisant le javascript console.log une fonction. Mais ma question est - comment ont-ils ajouté du style au texte? Par exemple. "Arrêtez!" est écrit en police tahoma rouge avec une bordure noire et une taille plus grande. Comment l'ont-ils fait?

42
Ruchir Gupta

Addy Osmani a une bonne explication:

https://plus.google.com/+AddyOsmani/posts/TanDFKEN9Kn

Fondamentalement, vous pouvez utiliser le paramètre% c pour passer en style CSS. Pour un exemple, essayez ce qui suit dans votre console chrome:

console.log("%cBlue! %cGreen", "color: blue; font-size:15px;", "color: green; font-size:12px;");
61
khalid13