Console.log()

Выводит сообщение в веб-консоль.

Примечание: Эта возможность доступна в Web Workers.

Синтаксис

console.log(obj1 [, obj2, ..., objN]);
console.log(msg [, subst1, ..., substN]);

Параметры

obj1 ... objN
Список объектов JavaScript для вывода. Строковые представления каждого из этих объектов соединяются вместе в указанном порядке и выводятся. Пожалуйста, обратите внимание, что если вы логируете объекты в последних версиях Chrome и Firefox, то что вы вывели в консоль, является ссылкой на объект, и не обязательно является его "значением" на момент вызова console.log(), это значение объекта в тот момент, когда вы кликаете по нему, чтобы открыть.
msg
Строка JavaScript, содержащая 0 и более подстановочных символов для замены (см. subst1 ... substN).
subst1 ... substN
JavaScript-объекты, с помощью которых произойдёт замена подстановочных символов в msg. Это даст вам дополнительный контроль над форматом вывода.

Больше подробностей смотрите в разделе Вывод текста в консоль документации console.

Спецификация

Спецификация Статус Комментарий
Console API
Определение 'console.log()' в этой спецификации.
Живой стандарт Первоначальное определение

Совместимость с браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
logChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка 4IE Полная поддержка 8Opera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS ? Samsung Internet Android ?
Substitution stringsChrome Полная поддержка Да
Замечания
Полная поддержка Да
Замечания
Замечания In version 28, if a negative value is passed to %d, it will be rounded down to the closest negative integer, so -0.1 becomes -1.
Edge Полная поддержка ДаFirefox Полная поддержка 9IE Полная поддержка 10
Замечания
Полная поддержка 10
Замечания
Замечания %c is not supported, %d will render as 0 when it is not a number
Opera ? Safari ? WebView Android Полная поддержка Да
Замечания
Полная поддержка Да
Замечания
Замечания In version 28, if a negative value is passed to %d, it will be rounded down to the closest negative integer, so -0.1 becomes -1.
Chrome Android Полная поддержка Да
Замечания
Полная поддержка Да
Замечания
Замечания In version 28, if a negative value is passed to %d, it will be rounded down to the closest negative integer, so -0.1 becomes -1.
Firefox Android Полная поддержка 9Opera Android ? Safari iOS ? Samsung Internet Android ?

Легенда

Полная поддержка  
Полная поддержка
Совместимость неизвестна  
Совместимость неизвестна
Смотрите замечания реализации.
Смотрите замечания реализации.

Отличия от console.dir()

Вы можете спросить какая разница между console.dir() и console.log(). Это полезное отличие.

Заметка:

  • console.log выводит элемент как HTML-дерево
  • console.dir выводит элемент как JSON-объект

А именно, console.log даёт специальное обращение к DOM-элементам, тогда как console.dir - нет. Это особенно полезно, когда нужно видеть полное представление DOM JS-объетов.

Больше информации об этой и других функциях в Chrome Console API reference.

Логирование объектов

Не используйте console.log(obj);,
Используйте console.log(JSON.parse(JSON.stringify(obj)));.

Так вы можете быть уверены, что видите значение obj в момент, его логирования.

Смотрите также