Farben in JavaScript console

Ist es möglich, Chromes Konsole zu verwenden, um farbigen Text wie rot für Fehler, orange für Kriege und grün für Console.log anzuzeigen. Nachrichten?

beantworten

Ja, es ist möglich, CSS zu verwenden, um Farben zu Nachrichten hinzuzufügen, die in der Konsole sowohl in Chrome als auch in Firefox angezeigt werden (Version 31 oder später). Um dies zu erreichen, verwenden Sie das folgende Muster:

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

In diesem Beispiel definiert %c den CSS -Stil, um den Text zu bewerben, während die nachfolgenden Inneren einzelne Zitate die tatsächlichen Stilregeln definiert. Die CSS-Stilregeln können Eigenschaften wie Hintergrund, Farbe und Schriftgewicht enthalten, um den Text wie gewünscht zu formatieren.