JavaScript colored console

In JavaScript è possibile colorare i messaggi nella Developer Console tramite il parametro %c.

Il formato è questo:

JavaScriptCopia

console.log("%cMessaggioColorato", "style da applicare", "messaggio")

che in pratica diventa, ad esempio:

JavaScriptCopia

console.log("%cSgart.it", 'display: inline-block; color: #000; background: #f0ad4e; padding: 1px 4px; border-radius: 3px;', "messaggio")

e da come risultato

Ovviamente, oltre a log, si posso usare anche gli altri metodi:

JavaScriptCopia

console.debug("%cSgart.it", 'display: inline-block; color: #000; background: #f0ad4e; padding: 1px 4px; border-radius: 3px;', "messaggio")
console.info("%cSgart.it", 'display: inline-block; color: #000; background: #f0ad4e; padding: 1px 4px; border-radius: 3px;', "messaggio")
console.warn("%cSgart.it", 'display: inline-block; color: #000; background: #f0ad4e; padding: 1px 4px; border-radius: 3px;', "messaggio")
console.error("%cSgart.it", 'display: inline-block; color: #000; background: #f0ad4e; padding: 1px 4px; border-radius: 3px;', "messaggio")