Utilizza l'API Console per scrivere messaggi nella console da JavaScript. Per un'introduzione interattiva all'argomento, consulta la sezione Iniziare a registrare i messaggi di log nella console.
Se stai cercando i metodi di praticità come debug(function) o
monitorEvents(node), disponibili solo dalla console, consulta il Riferimento API delle utilità della console.
console.assert(expression, object)
Livello di log: Error
Scrive un errore nella console quando expression restituisce false.
const x = 5;
const y = 3;
const reason = 'x is expected to be less than y';
console.assert(x < y, {x, y, reason});
console.clear()
Cancella la console.
console.clear();
Se l'opzione Conserva log è attivata, console.clear() è disattivata.
In alternativa, puoi cancellare la console facendo clic sull'icona 
.
console.count([label])
Livello di log: Info
Scrive il numero di volte in cui count() è stato richiamato sulla stessa riga e con la stessa label. Chiama console.countReset([label]) per reimpostare il conteggio.
console.count();
console.count('coffee');
console.count();
console.count();
console.countReset([label])
Reimposta un conteggio.
console.countReset();
console.countReset('coffee');
console.createTask(name)
Restituisce un'istanza Task che associa l'analisi dello stack corrente all'oggetto task creato. Puoi utilizzare questo oggetto task in un secondo momento per eseguire una funzione (f nell'esempio seguente). task.run(f) esegue un payload arbitrario e inoltra il valore restituito al chiamante.
// Task creation
const task = console.createTask(name);
// Task execution
task.run(f); // instead of f();
task forma un link tra il contesto di creazione e il contesto della funzione asincrona. Questo link consente a DevTools di mostrare analisi dello stack migliori per le operazioni asincrone. Per saperne di più, consulta Analisi dello stack collegate.
console.debug(object [, object, ...])
Livello di log: Verbose
Identico a console.log(object [, object, ...]), tranne che per il livello di log.
console.debug('debug');
console.dir(object)
Livello di log: Info
Stampa una rappresentazione JSON dell'oggetto specificato.
console.dir(document.head);
console.dirxml(node)
Livello di log: Info
Stampa una rappresentazione XML dei discendenti di node.
console.dirxml(document);
console.error(object [, object, ...])
Livello di log: Error
Stampa object nella console, lo formatta come errore e include un'analisi dello stack.
console.error("I'm sorry, Dave. I'm afraid I can't do that.");
console.group(label)
Raggruppa visivamente i messaggi fino a quando non viene chiamato console.groupEnd(label). Utilizza console.groupCollapsed(label) per comprimere il gruppo quando viene registrato inizialmente nella console.
const label = 'Adolescent Irradiated Espionage Tortoises';
console.group(label);
console.info('Leo');
console.info('Mike');
console.info('Don');
console.info('Raph');
console.groupEnd(label);
Inoltre, puoi nidificare i gruppi.
const timeline1 = 'New York 2012';
const timeline2 = 'Camp Lehigh 1970';
console.group(timeline1);
console.info('Mind');
console.info('Time');
console.group(timeline2);
console.info('Space');
console.info('Extra Pym Particles');
console.groupEnd(timeline2);
console.groupEnd(timeline1);
console.groupCollapsed(label)
Uguale a console.group(label), tranne che il gruppo viene compresso inizialmente quando viene registrato in
Console.
console.groupEnd(label)
Interrompe il raggruppamento visivo dei messaggi. Vedi console.group.
console.info(object [, object, ...])
Livello di log: Info
Identico a console.log(object [, object, ...]).
console.info('info');
console.log(object [, object, ...])
Livello di log: Info
Stampa un messaggio nella console.
console.log('log');
console.table(array [, columns])
Livello di log: Info
Registra un array di oggetti come tabella.
var people = [
{
first: 'René',
last: 'Magritte',
},
{
first: 'Chaim',
last: 'Soutine',
birthday: '18930113',
},
{
first: 'Henri',
last: 'Matisse',
}
];
console.table(people);
Per impostazione predefinita, console.table() registra tutti i dati della tabella. Per visualizzare una singola colonna o un sottoinsieme di colonne, puoi utilizzare il secondo parametro facoltativo e specificare il nome o i nomi delle colonne come stringa o array di stringhe. Ad esempio:
console.table(people, ['last', 'birthday']);
Per copiare una tabella registrata negli appunti come tabella Markdown formattata o dati CSV, fai clic con il tasto destro del mouse sulla tabella nella console e seleziona l'opzione di copia corrispondente dal menu contestuale.
console.time([label])
Avvia un nuovo timer. Chiama console.timeEnd([label]) per arrestare il timer e stampare il tempo trascorso nella console.
console.time();
for (var i = 0; i < 100000; i++) {
let square = i ** 2;
}
console.timeEnd();
console.timeEnd([label])
Livello di log: Info
Arresta un timer. Vedi console.time().
console.trace()
Livello di log: Info
Stampa un'analisi dello stack nella console.
const first = () => { second(); };
const second = () => { third(); };
const third = () => { fourth(); };
const fourth = () => { console.trace(); };
first();
console.warn(object [, object, ...])
Livello di log: Warning
Stampa un avviso nella console.
console.warn('warn');
