Aprenda a usar o console como um profissional!
Se você é um desenvolvedor Javascript, eu posso apostar que já usou console.log("") pelo menos uma vez. Aqui vão alguns mecanismos do console que talvez você não saiba e podem ser úteis.
Este artigo foi adaptado, o link original você encontra em:https://dev.to/suprabhasupi/use-javascript-console-like-pro-3j1h
1 - console.log( ) | info( ) | debug( ) | warn( ) | error( )
Esse talvez alguns vocês conheçam, mas para aqueles que não, tudo bem! Eu mesmo apesar de já saber desses comandos usava muito pouco até escrever esse artigo. também é sempre bom lembrar:
2 - Css na saída do console.
Use %c para aplicar css no texto de um console. Esse poucos conhecem.
Se o comando for assim, por exemplo: console.log("%cText color is green and increased font size", "color: green; font-size: 2rem;")
esse será o resultado:
3 - console.table( )
Esse comando gera uma tabela dentro do console.
let info = [["Suprabha"], ["Frontend Dev"], ["Javascript"]]
console.table(info)
A tabela fica mais ou menos assim:
4 - console.assert( )
Esse comando é muito útil! Ele recebe um argumento e um texto, e só printa o texto se o argumento for falso.
5 - console.time( ) and console.timeEnd( )
Apaixonado por performance? Eu também! E aqui uma forma prática de ver quanto tempo demora para rodar seu código
