Comandos do console de JavaScript
O Visual Studio fornece comandos que você pode usar na janela Console do JavaScript para enviar mensagens e executar outras tarefas. Para obter informações sobre como usar o Console do JavaScript, consulte Guia de início rápido: Depurando aplicativos (JavaScript)
Comandos do objeto console
Esta tabela mostra a sintaxe para os comandos de objeto console que você pode usar na janela Console do JavaScript. Você usa o objeto console para enviar uma mensagem do seu código para o console. Esse objeto oferece diversos formatos para que você possa distinguir entre mensagens informativas e mensagens de erro, se desejar.
Dica
Você pode usar o formato de comando mais longo, window.console.[command], se precisar evitar uma possível confusão com objetos locais chamados console.
Comando |
Descrição |
Exemplo |
|---|---|---|
log(message) |
Envia message para a janela do console. |
console.log("logging message"); |
warn(message) |
Envia message para a janela do console, prefaciada por um símbolo de aviso. |
console.warn("warning message"); |
error(message) |
Envia message para a janela do console. O texto da mensagem é vermelho e está prefaciado por um símbolo de erro. |
console.error("error message"); |
info(message) |
Envia message para a janela do console. A mensagem é prefaciada por um símbolo de informação. |
console.info("info message"); |
clear() |
Limpa as mensagens da janela do console, incluindo mensagens de erro de script, e limpa também o script exibido na janela do console. Não limpa o script inserido no prompt de entrada do console. |
console.clear(); |
assert(expression, message) |
Envia uma mensagem se expression for avaliada como false. |
console.assert((x == 1), "assert message: x != 1"); |
Comandos variados
Esses comandos também estão disponíveis na janela Console do JavaScript.
Comando |
Descrição |
Exemplo |
|---|---|---|
$0, $1, $2, $3, $4 |
Retorna o elemento especificado na janela do console. $0 retorna o elemento selecionado atualmente no Explorador do DOM, $1 retorna o elemento selecionado anteriormente no Explorador do DOM e assim por diante, até o quarto elemento selecionado anteriormente. |
$3 |
$(id) |
Retorna um elemento por ID. Este é um comando de atalho para document.getElementById(id), onde id é uma cadeia de caracteres que representa a ID do elemento. |
$("contentHost") |
$$(div) |
Retorna um elemento usando a sintaxe do seletor de CSS. Este é um comando de atalho para document.querySelector(div), onde div é uma cadeia de caracteres que representa um nome de classe de elemento DIV. |
$$(".itemlist") |
cd() cd(window) |
Permite que você altere o contexto de avaliação da expressão, da janela de nível superior padrão da página para a janela do quadro especificado. Chamar cd() sem parâmetros reverte o contexto para a janela de nível superior. |
cd(); cd(myframe); |
select(element) |
Seleciona o elemento especificado no Explorador do DOM. |
select(document.getElementById("element")); select($("element")); select($1); |
dir(object) |
Retorna um visualizador para o objeto especificado. Você pode usar o visualizador para inspecionar propriedades na janela do console. |
dir(obj); |