Console-API-referentie

Kayce Basques

Sofia Emelianova

Gebruik de Console API om vanuit uw JavaScript berichten naar de console te schrijven. Zie Aan de slag met het loggen van berichten in de console voor een interactieve introductie tot het onderwerp.

Belangrijk punt: DevTools kent een ernstniveau toe aan de meeste console.* -methoden. Met deze niveaus kunt u gelogde berichten filteren. Zie Filteren op logboekniveau voor meer informatie.

Zie de API-referentie voor consolehulpprogramma's als u op zoek bent naar handige methoden zoals debug(function) of monitorEvents(node) die alleen beschikbaar zijn via de console.

console.assert(expressie, object)

Logniveau : Error

Schrijft een fout naar de console wanneer expression resulteert in 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()

Wist de console.

console.clear();

Als Preserve Log is ingeschakeld, is console.clear() uitgeschakeld.

U kunt ook de console wissen door op de knop te klikken icon.

console.count([label])

Logniveau : Info

Schrijft het aantal keren dat count() op dezelfde regel en met hetzelfde label is aangeroepen. Roep console.countReset([label]) aan om de telling opnieuw in te stellen.

console.count();
console.count('coffee');
console.count();
console.count();

console.countReset([label])

Reset een telling.

console.countReset();
console.countReset('coffee');

console.createTask(naam)

Belangrijk punt: Deze methode staat bekend als de Async Stack Tagging API. Als u een raamwerk of abstractie gebruikt voor planning en asynchrone uitvoering die deze API onder de motorkap al gebruikt, hoeft u deze API niet rechtstreeks aan te roepen.

Retourneert een Task die de huidige stacktrace koppelt aan het gemaakte task . U kunt dit task later gebruiken om een ​​functie uit te voeren ( f in het volgende voorbeeld). De task.run(f) voert een willekeurige payload uit en stuurt de geretourneerde waarde terug naar de beller.

// Task creation
const task = console.createTask(name);

// Task execution
task.run(f); // instead of f();

De task vormt een link tussen de creatiecontext en de context van de asynchrone functie. Met deze link kan DevTools betere stacktraces weergeven voor asynchrone bewerkingen. Zie Gekoppelde stapeltraceringen voor meer informatie.

console.debug(object [, object, ...])

Logniveau : Verbose

Identiek aan console.log(object [, object, ...]) behalve een ander logniveau.

console.debug('debug');

console.dir(object)

Logniveau : Info

Drukt een JSON-weergave van het opgegeven object af.

console.dir(document.head);

console.dirxml(knooppunt)

Logniveau : Info

Drukt een XML-representatie af van de afstammelingen van node .

console.dirxml(document);

console.error(object [, object, ...])

Logniveau : Error

Drukt object af naar de console, formatteert het als een fout en bevat een stacktrace.

console.error("I'm sorry, Dave. I'm afraid I can't do that.");

console.groep(label)

Groepeert berichten visueel totdat console.groupEnd(label) wordt aangeroepen. Gebruik console.groupCollapsed(label) om de groep samen te vouwen wanneer deze voor het eerst wordt aangemeld bij de 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);

Bovendien kunt u groepen nesten.

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.groupSamengevouwen(label)

Hetzelfde als console.group(label) , behalve dat de groep in eerste instantie wordt samengevouwen wanneer deze wordt aangemeld bij de Console .

console.groupEnd(label)

Stopt met het visueel groeperen van berichten. Zie console.group .

console.info(object [, object, ...])

Logniveau : Info

Identiek aan console.log(object [, object, ...]) .

console.info('info');

console.log(object [, object, ...])

Logniveau : Info

Drukt een bericht af naar de console.

console.log('log');

console.table(array [, kolommen])

Logniveau : Info

Registreert een array met objecten als een tabel.

var people = [
  {
    first: 'René',
    last: 'Magritte',
  },
  {
    first: 'Chaim',
    last: 'Soutine',
    birthday: '18930113',
  },
  {
    first: 'Henri',
    last: 'Matisse',
  }
];
console.table(people);

Standaard registreert console.table() alle tabelgegevens. Om een ​​enkele kolom of een subset van kolommen weer te geven, kunt u de tweede optionele parameter gebruiken en de kolomnaam of -namen opgeven als een tekenreeks of een array van tekenreeksen. Bijvoorbeeld:

console.table(people, ['last', 'birthday']);

console.time([label])

Start een nieuwe timer. Roep console.timeEnd([label]) aan om de timer te stoppen en de verstreken tijd naar de console af te drukken.

console.time();
for (var i = 0; i < 100000; i++) {
  let square = i ** 2;
}
console.timeEnd();

console.timeEnd([label])

Logniveau : Info

Stopt een timer. Zie console.time() .

console.trace()

Logniveau : Info

Drukt een stapeltracering af naar de console.

const first = () => { second(); };
const second = () => { third(); };
const third = () => { fourth(); };
const fourth = () => { console.trace(); };
first();

console.warn(object [, object, ...])

Logniveau : Warning

Drukt een waarschuwing af naar de console.

console.warn('warn');