Se você não estava ciente, muitos consoles de navegador permitirão que você estilize a saída do log. Para navegadores modernos, você pode iniciar sua mensagem %c
e passar o estilo CSS como o segundo argumento:
console.log('%cHello, Console!', 'font-size: large;color: red; font-style: italic;');
Isso funciona no Firebug, Firefox> = 31 sem Firebug e webkit desde 10/10/2012 .
Você pode ficar bem sofisticado com bibliotecas como esta:
http://icodeforlove.github.io/Console.js/
No entanto, 5kb minifed para algo que não agrega valor real a um site de produção é um pouco caro. Então, se você deseja apenas habilitá-lo para Chrome e Firefox, aqui está 183 bytes:
console.clog=(function(m,s){return (s&&(parseInt((navigator.userAgent.match(/Firefox/(.*)b/)||[0,0])[1])>=31||!!window.chrome) ? this.log('%c'+m,s) : this.log(m));}).bind(console);
Se você não quiser fazer um monkeypatch console
, apenas altere o nome (por exemplo clog=...
).
Saúde,