English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Objeto Console do JavaScript

objeto console

O objeto Console fornece acesso ao console de depuração do navegador.

A função mais comum do console é registrar texto e outros dados.

A maneira mais simples de usar os métodos de log é exibir strings:

console.log("Olá mundo!!!");
teste e veja‹/›

Você também pode exibir vários objetos simplesmente listando-nos ao chamar os métodos de log, conforme exemplo a seguir:

var car = "Scorpio";
var myObject = { str: "Algum texto", id: 12 };
console.log("Meu primeiro carro foi um", car, ". O objeto é:", myObject);
teste e veja‹/›

usar%cinstruções aplicam estilos CSS na saída do console:

console.log("Esta é %cMinha mensagem estilizada", "cor:branco; fundo-cor:preto;");
teste e veja‹/›

instruções não afetam o texto antes delas, mas o texto após elas será estilizado com as declarações CSS passadas como parâmetros.

Este código demonstra como usar várias%cinstruções aplicam estilos CSS na saída do console:

console.log("%cEsta é %cMinha mensagem estilizada %c", 
"cor:branco; fundo-cor:#4285f4; fonte-size: 2em;",
"cor:#19EE1F; fundo-cor:preto; fonte-size: 2em;",
"cor:preto; fundo-cor:amarelo; fonte-size: 2em;
teste e veja‹/›

Métodos do objeto Console

A tabela a seguir lista os métodos do objeto Console:

métododescrição
assert();Se o primeiro parâmetro for false, registre a mensagem e o rastreamento da pilha no console
clear()Limpar o console
count()Registre a quantidade de vezes que count() foi chamado
error()Exiba uma mensagem de erro no console
group()Crie um novo grupo inline, todos os outputs subsequentes serão recolhidos para outro nível. Para sair de um nível, chame groupEnd().
groupCollapsed()

Usado para configurar informações de grupo dobrável, todas as informações de saída executadas abaixo deste código estarão dentro do grupo dobrável.

Clique no botão de expansão para abrir informações de grupo.

groupEnd()Sair do grupo inline atual
info()Exiba uma mensagem informativa no console
log()Exiba uma mensagem no console
table()Exiba os dados da tabela como uma tabela
time()Iniciar um temporizador (pode rastrear quanto tempo uma operação leva)
timeEnd()Parar o temporizador iniciado anteriormente por console.time()
trace()Exiba o rastreamento da pilha no console
warn()Exiba uma mensagem de aviso no console