Dokumentacja interfejsu API konsoli

Sofia Emelianova
Sofia Emelianova

Używaj interfejsu Console API, aby wysyłać do Konsoli wiadomości z JavaScriptu. Aby zapoznać się z tym tematem w sposób interaktywny, przeczytaj artykuł Zaczynanie korzystania z logowania wiadomości w Konsoli.

Jeśli szukasz wygodnych metod, takich jak debug(function) lub monitorEvents(node), które są dostępne tylko w Konsoli, zapoznaj się z dokumentacją interfejsu API narzędzi Konsoli.

console.assert(expression, object)

Poziom logowania: Error

W przypadku, gdy wyrażenie expression ma wartość false, do konsoli jest zapisywany błąd.

const x = 5;
const y = 3;
const reason = 'x is expected to be less than y';
console.assert(x < y, {x, y, reason});

Wynik przykładu console.assert() powyżej.

console.clear()

Czyści konsolę.

console.clear();

Jeśli opcja Zachowaj dziennik jest włączona, opcja console.clear() jest wyłączona.

Możesz też wyczyścić konsolę, klikając ikonę ALT_TEXT_HERE.

console.count([label])

Poziom logowania: Info

Zapisuje liczbę wywołań funkcji count() na tym samym wierszu i z tym samym argumentem label. Zadzwoń pod numer console.countReset([label]), aby zresetować licznik.

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

Wynik przykładu console.count() powyżej.

console.countReset([label])

Resetuje licznik.

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

console.createTask(name)

Zwraca instancję Task, która łączy bieżący zrzut stosu z utworzonym obiektem task. Możesz później użyć obiektu task do uruchomienia funkcji (f w następnym przykładzie). task.run(f) wykonuje dowolny ładunek i przekazuje zwracaną wartość z powrotem do elementu wywołującego.

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

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

Element task tworzy połączenie między kontekstem utworzenia a kontekstem funkcji asynchronicznej. Ten link umożliwia Narzędziach deweloperskich wyświetlanie lepszych zrzutów stosu operacji asynchronicznych. Więcej informacji znajdziesz w artykule Połączone ścieżki z wyświetleniem kodu źródłowego.

Console.debug(object [, obiekt, ...])

Poziom logowania: Verbose

Podobnie jak w przypadku console.log(object [, object, ...]), ale z innym poziomem logowania.

console.debug('debug');

Wynik wywołania funkcji console.debug() w przykładzie powyżej.

console.dir(object)

Poziom logowania: Info

Wypisuje reprezentacje JSON określonego obiektu.

console.dir(document.head);

Wynik wywołania console.dir() w przykładzie powyżej.

console.dirxml(node)

Poziom rejestrowania: Info

Wyświetla reprezentację XML potomków elementu node.

console.dirxml(document);

Wynik wywołania console.dirxml() w przykładzie powyżej.

Console.error(obiekt [, obiekt, ...])

Poziom logowania: Error

Wypisuje object w konsoli, formatuje go jako błąd i zawiera zrzut stosu.

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

Wynik przykładu console.error() powyżej.

console.group(label)

wizualnie grupuje wiadomości, dopóki nie zostanie wywołana funkcja console.groupEnd(label). Użyj opcji console.groupCollapsed(label), aby ją zwinąć, gdy zostanie ona początkowo zarejestrowana w konsoli.

const label = 'Adolescent Irradiated Espionage Tortoises';
console.group(label);
console.info('Leo');
console.info('Mike');
console.info('Don');
console.info('Raph');
console.groupEnd(label);

Wynik wywołania console.group() w przykładzie powyżej.

Możesz też zagnieżdżać grupy.

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);

Zagnieżdżone grupy.

console.groupCollapsed(label)

To samo co console.group(label), z tą różnicą, że grupa jest początkowo zwinięta, gdy jest zapisana w Konsoli.

console.groupEnd(label)

przestaje grupować wiadomości wizualnie; Zobacz console.group.

Console.info(obiekt [, obiekt, ...])

Poziom logowania: Info

Jest identyczne z console.log(object [, object, ...]).

console.info('info');

Wynik wywołania funkcji console.info() w przykładzie powyżej.

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

Poziom logowania: Info

Drukuje wiadomość do konsoli.

console.log('log');

Wynik wywołania console.log() w przykładzie powyżej.

console.table(array [, columns])

Poziom rejestrowania: Info

Rejestruje tablicę obiektów jako tabelę.

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

Wynik przykładu console.table() powyżej.

Domyślnie console.table() rejestruje wszystkie dane w tabeli. Aby wyświetlić pojedynczą kolumnę lub podzbiór kolumn, możesz użyć drugiego opcjonalnego parametru i określić nazwę lub nazwy kolumn pod postacią ciągu znaków albo tablicy ciągów. Na przykład:

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

Podzbiór kolumn w tabeli zapisany w tabeli za pomocą funkcji Console.table().

console.time([label])

Uruchamia nowy minutnik. Wywołaj console.timeEnd([label]), aby zatrzymać minutnik i wydrukować upłynął czas w Konsoli.

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

Wynik wywołania funkcji console.time() w przykładzie powyżej.

console.timeEnd([label])

Poziom logowania: Info

Zatrzymuje minutnik. Zobacz console.time().

console.trace()

Poziom logowania: Info

wypisuje ścieżkę wywołań do konsoli;

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

Wynik powyższego przykładu zastosowania Console.trace().

Console.warn(obiekt [, obiekt, ...])

Poziom logowania: Warning

Wyświetla ostrzeżenie w konsoli.

console.warn('warn');

Wynik wywołania console.warn() w przykładzie powyżej.