Referência da API Console Utilitários

O exemplo a seguir usa $$() to create an array of all <img> elements in the current document and displays the value of each element's src property:

let images = $$('img');
for (let each of images) {
  console.log(each.src);
}
.
l10n-placeholder3() para criar uma matriz de todos os elementos <img> que aparecem no documento atual após o nó selecionado:
let images = $$('img', document.querySelector('.devsite-header-background'));
for (let each of images) {
  console.log(each.src);
}





$x(caminho [, startNode])

$x(path) retorna uma matriz de elementos DOM que corresponde à expressão XPath especificada.

O exemplo a seguir retorna todos os elementos <p> na página:
$x("//p")



O exemplo a seguir retorna todos os elementos <p> que contêm elementos <a>:
$x("//p[a]")



Assim como as outras funções de seletor, $x(path) tem um segundo parâmetro opcional, startNode, que especifica um elemento ou nó em que pesquisar elementos.



clear()

clear() limpa o console do histórico.
clear();

cópia(objeto)

copy(object) copia uma representação de string do objeto especificado para a área de transferência.
copy($0);

debug(função)

Quando a função especificada é chamada, o depurador é invocado e interrompe dentro da função no painel
Sources, permitindo percorrer o código e depurá-lo.
debug(getData);



Use undebug(fn) para interromper a interrupção na função ou use a interface para desativar todos os pontos de interrupção.

Para saber mais sobre pontos de interrupção, consulte Pausar seu código com pontos de interrupção.

dir(object)

dir(object) mostra uma lista em estilo de objeto com todas as propriedades do objeto especificado. Esse método
é um atalho para o método console.dir() da API do Console.

O exemplo a seguir mostra a diferença entre avaliar document.body diretamente na
linha de comando e usar dir() para exibir o mesmo elemento:
document.body;
dir(document.body);



Para mais informações, consulte a entrada console.dir() na API Console.

dirxml(objeto)

dirxml(object) imprime uma representação XML do objeto especificado, como mostrado no painel Elements.
Esse método é equivalente ao método console.dirxml().

inspect(object/function)

O inspect(object/function) abre e seleciona o elemento ou objeto especificado no painel
adequado: o painel Elementos para elementos DOM ou o painel Perfis para objetos de heap JavaScript.

O exemplo a seguir abre o document.body no painel Elementos:
inspect(document.body);



Ao transmitir uma função para inspeção, ela abre o documento no painel Sources para que você
inspecione.

getEventListeners(object)

getEventListeners(object) retorna os listeners de eventos registrados no objeto especificado. O
valor de retorno é um objeto que contém uma matriz para cada tipo de evento registrado, por exemplo, click ou
keydown. Os membros de cada matriz são objetos que descrevem o listener registrado
para cada tipo. Por exemplo, o código a seguir lista todos os listeners de eventos registrados no objeto
document:
getEventListeners(document);



Se mais de um listener estiver registrado no objeto especificado, a matriz conterá um membro para cada listener. No exemplo abaixo, há dois listeners de eventos registrados no
elemento do documento para o evento click:



Você pode expandir ainda mais cada um desses objetos para explorar suas propriedades:



Para mais informações, consulte Inspecionar propriedades do objeto.

chaves(objeto)

keys(object) retorna uma matriz contendo os nomes das propriedades que pertencem ao objeto especificado. Para acessar os valores associados das mesmas propriedades, use values().

Por exemplo, suponha que seu aplicativo definiu o seguinte objeto:
let player = {
    "name": "Parzival",
    "number": 1,
    "state": "ready",
    "easterEggs": 3
};

Supondo que player tenha sido definido no namespace global (para simplificar), digitar keys(player) e
values(player) no Console resulta neste resultado:



monitor(function)

Quando a função especificada é chamada, uma mensagem é registrada no console. Ela indica o nome da função junto com os argumentos que foram passados para a função quando ela foi chamada.
function sum(x, y) {
  return x + y;
}
monitor(sum);



Use unmonitor(function) para interromper o monitoramento.

monitorEvents(object [, events])

Quando um dos eventos especificados ocorre no objeto especificado, o objeto Event é registrado no console. É possível especificar um único evento a ser monitorado, uma matriz de eventos ou um dos "tipos" de eventos genéricos mapeados para um conjunto predefinido de eventos. Confira os exemplos abaixo.

O seguinte monitora todos os eventos redimensionados no objeto da janela.
monitorEvents(window, "resize");



O seguinte define uma matriz para monitorar os eventos "resize" e "scroll" no objeto de janela:
monitorEvents(window, ["resize", "scroll"])

Você também pode especificar um dos "tipos" de eventos disponíveis, strings que são mapeadas para conjuntos predefinidos de eventos. A tabela abaixo lista os tipos de evento disponíveis e os mapeamentos de eventos associados:

Tipo de evento e eventos mapeados correspondentes
rato
"mousedown", "mouseup", "click", "dblclick", "mousemove", "mouseover", "mouseout", "mousewheel"
chave
"keydown", "keyup", "keypress", "textInput"
toque
"touchstart", "touchmove", "touchend", "touchcancel"
controle
"resize", "scroll", "zoom", "focus", "blur", "select", "change", "submit", "reset"

Por exemplo, o comando a seguir usa o tipo de evento "chave" para todos os eventos principais correspondentes em um campo de texto de entrada atualmente selecionado no painel Elementos.
monitorEvents($0, "key");

Confira abaixo um exemplo de saída após a digitação de caracteres no campo de texto:



Use unmonitorEvents(object[, events]) para interromper o monitoramento.

perfil([nome]) e perfilEnd([nome])

profile() inicia uma sessão de criação de perfil da CPU JavaScript com um nome opcional. profileEnd()
completa o perfil e exibe os resultados na faixa Performance > Main.



Para iniciar a criação de perfil:
profile("Profile 1")

Para interromper a criação de perfil e conferir os resultados na faixa Performance > Main:
profileEnd("Profile 1")

Resultado na faixa Desempenho > Principal:

 Faixa principal." largura="800" height="606">

Os perfis também podem ser aninhados. Por exemplo, isso funcionará em qualquer ordem:
profile('A');
profile('B');
profileEnd('A');
profileEnd('B');



queryObjects(Constructor)

Chame queryObjects(Constructor) no console para retornar uma matriz de objetos criados
com o construtor especificado. Exemplo:


queryObjects(Promise). Retorna todas as instâncias de Promise.
queryObjects(HTMLElement). Retorna todos os elementos HTML.
queryObjects(foo), em que foo é um nome de classe. Retorna todos os objetos que foram instanciados
via new foo().


O escopo de queryObjects() é o contexto de execução selecionado no console.

tabela(dados [, colunas])

Registre os dados do objeto com formatação de tabela transmitindo um objeto de dados com cabeçalhos de coluna opcionais.
Este é um atalho para console.table().

Por exemplo, para exibir uma lista de nomes usando uma tabela no console, faça o seguinte:
let names = [
  { firstName: "John", lastName: "Smith" },
  { firstName: "Jane", lastName: "Doe" },
];
table(names);



undebug(função)

undebug(function) interrompe a depuração da função especificada. Assim, quando a função for
chamada, o depurador não será mais invocado. É usado com debug(fn).
undebug(getData);

unmonitor(função)

unmonitor(function) interrompe o monitoramento da função especificada. É usado em conjunto com
monitor(fn).
unmonitor(getData);

unmonitorEvents(object [, events])

unmonitorEvents(object[, events]) interrompe o monitoramento de eventos para o objeto e os eventos especificados. O exemplo a seguir interrompe todo o monitoramento de eventos no objeto "window":
unmonitorEvents(window);

Também é possível interromper seletivamente o monitoramento de eventos específicos em um objeto. Por exemplo, o código a seguir
começa a monitorar todos os eventos de mouse no elemento selecionado e, em seguida, para de monitorar
eventos "mousemove" (talvez para reduzir o ruído na saída do console):
monitorEvents($0, "mouse");
unmonitorEvents($0, "mousemove");

valores(objeto)

values(object) retorna uma matriz que contém os valores de todas as propriedades pertencentes ao objeto especificado.
let player = {
    "name": "Parzival",
    "number": 1,
    "state": "ready",
    "easterEggs": 3
};

values(player);