не работает console.log
браузер не реагирует вообще, будто скрипта и нет вовсе. Почему так?
Дополнен 7 лет назад
браузер Mozilla последней версии. по идее все должно работать.
Лучший ответ
Нажимаете F12 и вкладку console и будет вам счастье.
Остальные ответы
Сильно быстро выполняется. Лог ещё не прогрузился толком, а в него уже что-то пишут.
InnaУченик (29) 7 лет назад
Татьяна Шеховцова Искусственный Интеллект (386503) В лог стоит что-то писать только после полной загрузки страницы. А тут слишком рано получается, когда выполняется код — никакого лога ещё нет
Не выводит в консоль ?
InnaУченик (29) 7 лет назад
m289 m289 Гуру (4654) можно скриншот консоли ?
уверен на 99 % ты тупо не туда смотришь и не видешь лог который выводится
вкладка консоль сейчас имеет вложенные вкладки, и во вкладке журнал включается лог
Просто проверь, что поле Filter пустое.
Andrey SofiyskiyУченик (161) 5 лет назад
Благодарю, добрый человек)
Лю ХуйпинУченик (127) 3 года назад
Спасибо огромное. 6 часов жизни изза внезапно и непонятно как застрявшей там дрочилки
Naruto Знаток (427) 2 года назад
+++++++++++++++++++
Спасибо бро !
Похожие вопросы
Ваш браузер устарел
Мы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.
Почему не выводится console.log?
Начал изучать js, но когда все выводят в консоль с помощью console.log, то у меня почему то не выводится, еще показывает что вроде что то есть, но скрыто, написано hidden
- Вопрос задан более года назад
- 243 просмотра
Комментировать
Решения вопроса 1
Алексей Уколов @alexey-m-ukolov Куратор тега JavaScript
У вас в фильтре указано «none» — все сообщения, которые не содержат эту подстроку, скрываются.
Ответ написан более года назад
Нравится 4 1 комментарий
member54 @member54 Автор вопроса
Ответы на вопрос 0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- JavaScript
- +1 ещё
Получил ошибку при парсинге json, но не могу найти где в json не такое поле. Как решить?
- 1 подписчик
- 22 минуты назад
- 19 просмотров
Console.log()
Список объектов JavaScript для вывода. Объекты выводятся в том порядке, в котором они были указаны при вызове метода. Пожалуйста, обратите внимание, что если вы логируете объекты в последних версиях Chrome и Firefox, в консоль залогируется не значение объекта, а ссылка на него. Это означает, что, возможно, в консоль будет выведено не значение объекта на момент вызова console.log() , а будет выведено значение объекта на момент открытия консоли.
Строка JavaScript, содержащая 0 и более подстановочных символов для замены (см. subst1 . substN ).
JavaScript-объекты, с помощью которых произойдёт замена подстановочных символов в msg . Это даст вам дополнительный контроль над форматом вывода.
Больше подробностей смотрите в разделе Вывод текста в консоль (en-US) документации console .
Спецификация
| Specification |
|---|
| Console Standard # log |
Совместимость с браузерами
BCD tables only load in the browser
Отличия от 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 в момент, его логирования.
Смотрите также
- Opera Dragonfly documentation: Console
- MSDN: Using the F12 Tools Console to View Errors and Status
- Firebug wiki: Console API — Firebug поддерживает дополнительные возможности реализации console.log(), такие как styled logging.
- NodeJS: Console API
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
This page was last modified on 16 нояб. 2023 г. by MDN contributors.
Your blueprint for a better internet.
console . log ( )
console . log ( ) — это метод, предназначенный для печати в консоль браузера.
При написании скриптов иногда нужно увидеть промежуточный результат прямо в консоли браузера — это просто, удобно и не требует никакой дополнительной логики для отображения.
Как пишется
Скопировать ссылку «Как пишется» Скопировано
Вызов console . log ( ) выведет в консоль все переданные аргументы:
console.log('hello')// 'hello'console.log(true, < a: true >, 100)// true 100console.log('hello') // 'hello' console.log(true, a: true >, 100) // true 100
Как понять
Скопировать ссылку «Как понять» Скопировано
⚡️ В момент разработки все действия кажутся долгими, поэтому можно воспользоваться молниеносным выводом в консоль.
Почему консоль разработчика, а не alert ( ) ?
Откройте консоль и выполните:
const a = alert(a)const a = id: 1, value: 'one text' > alert(a)
Вывод при таком подходе не отражает содержимого объекта а — мы увидим только надпись «[object Object]». Помимо этого приходится каждый раз закрывать диалоговое окно, что раздражает.
Другое дело если совершать эти действия в консоли:
const a = console.log(a)// Objectconst a = id: 1, value: 'one text' > console.log(a) // Object
Результат представлен в виде дерева, которое удобно раскрывается — видны все параметры.
Если хочется вывести отладочное сообщение на страницу, то придётся воспользоваться или alert ( ) или создавать отладочный HTML-блок div или textarea , чтобы записать туда свои вычисления с помощью записи в свойство inner Text . Перед этим не забудьте привести объект в строку с помощью JSON . stringify ( ) — проще будет читать.
Особенность работы в браузере
Скопировать ссылку «Особенность работы в браузере» Скопировано
В браузере с помощью console . log ( ) можно проверить мутацию ссылочного типа. Этого можно добиться, раскрыв выведенное значение в консоли. Всё что нам нужно сделать — нажать на иконку с перевёрнутым треугольником (►).
В качестве примера создадим массив с героями диснеевских мультфильмов. Изначально в нем будет располагаться только Микки Маус, а после вызова console . log ( ) , добавим и Плуто.
const disneyCharacters = [< name: 'Mickey Mouse', type: 'mouse' >]console.log(disneyCharacters)disneyCharacters.push()const disneyCharacters = [ name: 'Mickey Mouse', type: 'mouse' >] console.log(disneyCharacters) disneyCharacters.push(name: 'Pluto', type: 'dog' >)
Нажмём на иконку с перевёрнутым треугольником (►) в консоли и увидим результат вывода:
Причина в том, что значение ссылочного типа читается браузером только при его первом раскрытии. Этот процесс также называют ленивым чтением (lazy-read).
Google Chrome при этом показывает информационную иконку, при наведении на которую отобразится подсказка с текстом: «This value was evaluated upon first expanding. It may have changed since then.»
На практике
Скопировать ссылку «На практике» Скопировано
Дока Дог советует
Скопировать ссылку «Дока Дог советует» Скопировано
console . log ( ) и console . dir ( )
Скопировать ссылку «console.log() и console.dir()» Скопировано
В пространстве объекта console существуют различные методы. Есть два похожих метода console . log ( ) и console . dir ( ) .
console . log ( ) отражает любой объект в консоли в удобном виде. Если это примитив — то его значением, если объект — его древовидной формой. DOM-элемент — его можно также раскрыть и увидеть, что внутри.
Но console . log ( ) показывает содержимое DOM, а не его свойства. Если нужно увидеть свойства DOM-элемента, то лучше использовать console . dir ( ) :
const el = document.createElement('div')const el2 = document.createElement('div')el2.appendChild(el)console.log(el)console.dir(el)const el = document.createElement('div') const el2 = document.createElement('div') el2.appendChild(el) console.log(el) console.dir(el)
️ console . log ( ) удобен для исследования объектов и их вложенных элементов, а console . dir ( ) удобен для просмотра свойств объекта.
Если делать console . log ( ) и console . dir ( ) простого объекта, то разница минимальна:
const a = console.log(a)console.dir(a)const a = cat: "miu", dog: "woof" > console.log(a) console.dir(a)
�� В каждом браузере свой набор инструментов работы с console . Смотрите, поддерживается ли тот или иной метод в вашем браузере в таблице на MDN
Виталий Баев советует
Скопировать ссылку «Виталий Баев советует» Скопировано
�� Часто нам необходимо вывести в консоли содержимое переменных. Например, вывести переменные language и count можно так:
const language = 'JavaScript'const count = 100 console.log('language:', language, 'count:', count)// language: JavaScript count: 100const language = 'JavaScript' const count = 100 console.log('language:', language, 'count:', count) // language: JavaScript count: 100
Но можно сделать проще и быстрее. Сравните:
const language = 'JavaScript'const count = 100 console.log(< language, count >)//const language = 'JavaScript' const count = 100 console.log( language, count >) //
�� Если у нас есть массив с каким-то количеством однотипных объектов, то можно воспользоваться console . table ( ) :
const data = [ < section: 'HTML', count: 212 >, < section: 'CSS', count: 121 >, < section: 'JavaScript', count: 182 >, < section: 'Tools', count: 211 >,] console.table(data);// ┌─────────┬──────────────┬───────┐// │ (index) │ section │ count │// ├─────────┼──────────────┼───────┤// │ 0 │ 'HTML' │ 212 │// │ 1 │ 'CSS' │ 121 │// │ 2 │ 'JavaScript' │ 182 │// │ 3 │ 'Tools' │ 211 │// └─────────┴──────────────┴───────┘const data = [ section: 'HTML', count: 212 >, section: 'CSS', count: 121 >, section: 'JavaScript', count: 182 >, section: 'Tools', count: 211 >, ] console.table(data); // ┌─────────┬──────────────┬───────┐ // │ (index) │ section │ count │ // ├─────────┼──────────────┼───────┤ // │ 0 │ 'HTML' │ 212 │ // │ 1 │ 'CSS' │ 121 │ // │ 2 │ 'JavaScript' │ 182 │ // │ 3 │ 'Tools' │ 211 │ // └─────────┴──────────────┴───────┘