Что такое консоль.лог?

Question

Что такое консоль.лог?

зачем console.log?

Пожалуйста, объясните, как использовать его в JavaScript, с примерами кода.

497 20

javascript console.log firebug

20 ответов:

Comments

Ничего не найдено.

Jan Hančič · Accepted Answer · 2017-09-10 01:36:47

это не функция jQuery, а функция для отладки. Вы можете, например, войти что-то на консоль, когда что-то происходит. Например:
$('#someButton').click(function() {
  console.log('#someButton was clicked');
  // do something
});
тогда вы увидите #someButton was clicked на вкладке "консоль" Firebug (или консоли другого инструмента - например, веб-инспектор Chrome), когда вы нажмете кнопку.

По некоторым причинам, объект консоли может быть недоступна. Затем вы можете проверить, если это так-это полезно, Так как вам не нужно удалять отладку код при развертывании в рабочей среде:
if (window.console && window.console.log) {
  // console is available
}

Fresheyeball · Accepted Answer · 2017-06-28 16:53:28

места, которые вы можете просмотреть на консоли! Просто иметь их все в одном ответе.

Firefox

https://getfirebug.com/

также Firefox встроен в инструменты разработчика Ctrl + Shift+J (инструменты > веб-разработчик > консоль ошибок) (но Firebug намного лучше; используйте Firebug)

https://developer.mozilla.org/en-US/docs/Tools

Safari и Chrome

в основном тот же.

https://developers.google.com/web/tools/chrome-devtools/

https://developer.apple.com/safari/tools/

Internet Explorer

не забывайте, что вы можете использовать режимы совместимости для отладки IE7 и IE8 или в IE9 IE10

https://msdn.microsoft.com/en-us/library/gg589507 (v=vs. 85). aspx

https://msdn.microsoft.com/en-us/library/dd565628 (v=vs. 85). aspx

Если вы должны получить доступ к консоли в IE6 для IE7 используйте Firebug Lite букмарклет

https://getfirebug.com/firebuglite/ ищите стабильный букмарклет

https://en.wikipedia.org/wiki/Bookmarklet

Опера

https://www.opera.com/dragonfly/

iOS

работает для всех iPhones, iPod touch и iPad.

https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/
(архив ссылка для отладки веб-контента на прошивкой)

Теперь с iOS 6 Вы можете просматривать консоль через Safari в OS X, если вы подключаете свое устройство. Или вы можете сделать это с помощью эмулятора, просто откройте браузер Safari и перейдите на вкладку "разработка". Там вы найдете варианты, чтобы получить инспектор Safari для связи с вашим устройством.

Windows Phone, Android

У обоих из них нет встроенной консоли и возможности букмарклета. Поэтому мы используем https://jsconsole.com/ тип: слушайте, и он даст вам тег сценария для размещения в вашем HTML. С этого момента вы можете просматривать консоль внутри веб-сайта jsconsole.

iOS и Android

вы также можете использовать http://html.adobe.com/edge/inspect/ чтобы получить доступ к инструментам веб-инспектора и консоли на любом устройстве, используя их удобный плагин для браузера.

старый браузер проблемы

наконец, старые браузеры (еще раз спасибо Microsoft) рухнет, если вы используете консоль.войдите в свой код и не открывайте инструменты разработчика одновременно. К счастью, его легко исправить. Просто используйте приведенный ниже фрагмент кода в верхней части кода и старый добрый IE должен оставить вас в покое:
 if(!window.console){ window.console = {log: function(){} }; } 
Это проверяет, присутствует ли консоль, а если нет, то устанавливает ее в объект с пустой функцией под названием log. Сюда окно.консоль и окно.приставка.журнал никогда не бывает по-настоящему undefined.

Fibericon · Accepted Answer · 2011-01-20 07:31:31

вы можете просматривать любые сообщения, записанные в консоль, если вы используете такой инструмент, как Firebug для проверки вашего кода. Допустим, вы делаете это:
console.log('Testing console');
при доступе к консоли в Firebug (или любой другой инструмент, который вы решите использовать для проверки вашего кода), Вы увидите любое сообщение, которое вы сказали функции войти. Это особенно полезно, когда вы хотите увидеть, выполняется ли функция, или если переменная передается/назначается правильно. Это на самом деле довольно ценно для выяснения только то, что пошло не так с вашим кодом.

Fred · Accepted Answer · 2011-01-20 13:28:20

он отправит сообщение журнала в консоль javascript браузера, например Firebug или Developer Tools (Chrome / Safari), и покажет строку и файл, из которого он был выполнен.

кроме того, когда вы выводите объект jQuery, он будет включать ссылку на этот элемент в DOM, и щелчок по нему перейдет на вкладку Elements/HTML.

вы можете использовать различные методы, но будьте осторожны, что для его работы в Firefox, вы должны иметь Firebug открыт, в противном случае вся страница будет крах. Независимо от того, является ли то, что вы регистрируете, переменной, массивом, объектом или элементом DOM, это даст вам полную разбивку, включая прототип для объекта (всегда интересно покопаться). Вы также можете включить столько аргументов, как вы хотите, и они будут заменены пробелами.
console.log(  myvar, "Logged!");
console.info( myvar, "Logged!");
console.warn( myvar, "Logged!");
console.debug(myvar, "Logged!");
console.error(myvar, "Logged!");
они отображаются с различными логотипами для каждой команды.

вы также можете использовать console.profile(profileName); для начала профилирования функции, скрипта и т. д. А потом покончим с этим с console.profileEnd(profileName); и он будет отображаться на вкладке "профили" в Chrome (не знаю, с FF).

для полной справки перейдите к http://getfirebug.com/logging и я предлагаю вам его прочитать. (трассировки, группы, профилирование, осмотр объекта).

надеюсь, что это помогает!

Baptiste Pernet · Accepted Answer · 2015-07-29 19:51:09

нет ничего общего с jQuery и если вы хотите использовать его, я советую вам делать
if (window.console) {
    console.log("your message")
}
поэтому вы не нарушаете свой код, когда он недоступен.

как предположил в комментарии, вы также можете выполнить в одном месте, а затем использовать console.log как обычно
if (!window.console) { window.console = { log: function(){} }; }

Quentin · Accepted Answer · 2010-12-27 16:14:46

console.log не имеет ничего общего с jQuery. Это общий объект / метод, предоставляемый отладчиками (включая отладчик Chrome и Firebug), который позволяет сценарию записывать данные (или объекты в большинстве случаев) в консоль JavaScript.

Tgr · Accepted Answer · 2011-01-11 20:10:28

console.log записывает отладочную информацию в консоль в некоторых браузерах (Firefox с установленным Firebug, Chrome, IE8, что-либо с установленным Firebug Lite). В Firefox это очень мощный инструмент, позволяющий проверять объекты или исследовать макет или другие свойства HTML-элементов. Это не связано с jQuery, но есть две вещи, которые обычно выполняются при использовании его с jQuery:

установить FireQuery

SLaks · Accepted Answer · 2010-12-27 16:14:13

console.log не имеет ничего общего с jQuery.

он записывает сообщение на консоль отладки, например Firebug.

Thalis K. · Accepted Answer · 2013-03-03 14:56:08

точка путаницы иногда заключается в том, что для регистрации текстового сообщения вместе с содержимым одного из ваших объектов с помощью консоли.журнал, вы должны передать каждый из двух в качестве другого аргумента. Это означает, что вы должны разделить их запятыми, потому что если бы вы использовали оператор + для объединения выходов, это неявно вызывало бы .toString() метод вашего объекта. Это в большинстве случаев не является явно переопределенным и реализация по умолчанию наследуется Object не предоставлять любую полезную информацию.

пример, чтобы попробовать в консоли:
>>> var myObj = {foo: 'bar'}
undefined
>>> console.log('myObj is: ', myObj);
myObj is: Object { foo= "bar"}
в то время как если бы вы попытались объединить информационное текстовое сообщение вместе с содержимым объекта, вы получите:
>>> console.log('myObj is: ' + myObj);
myObj is: [object Object]
так что имейте в виду, что консоль.журнал на самом деле принимает столько аргументов, сколько вам нравится.

Mark Byers · Accepted Answer · 2017-05-23 14:54:58

использовать console.log для добавления отладочной информации на страницу.

многие люди используют alert(hasNinjas) для этой цели, но console.log(hasNinjas) легче работать. Использование всплывающих окон оповещений модальное диалоговое окно, которое блокирует пользовательский интерфейс.

Edit: я согласен с Батист Пернет и Ян Гончич что это очень хорошая идея, чтобы проверить, если window.console определяется первым, чтобы ваш код не ломался, если нет доступной консоли.

Gautam Kshatriya · Accepted Answer · 2012-07-26 09:29:56

пример-Предположим, вы хотите знать, какую строку кода Вы смогли запустить свою программу (до того, как она сломалась!), просто наберите
console.log("You made it to line 26. But then something went very, very wrong.")

jondavidjohn · Accepted Answer · 2014-07-24 16:33:14

вы используете его для отладки кода JavaScript с Firebug для Firefox, или JavaScript консоли в WebKit - браузеры.
var variable;

console.log(variable);
Он будет отображать содержимое переменной, даже если это массив или объект.

это похоже на print_r($var); на PHP.

Harlo Holmes · Accepted Answer · 2017-08-29 02:16:48

остерегайтесь: оставляя вызовы консоли в рабочем коде приведет к Ваш сайт, чтобы сломать в Internet Explorer. Никогда не держите его развернутым. Смотрите: https://web.archive.org/web/20150908041020/blog.patspam.com/2009/the-curse-of-consolelog

jjpcondor · Accepted Answer · 2018-04-15 22:09:28

в первые дни отладка JS была выполнена через alert() функция-теперь это устаревшая практика.

The console.log() - это функция, которая записывает сообщение для входа в консоль отладки, например Webkit или Firebug. В браузере вы ничего не увидите на экране. Он записывает сообщение в консоль отладки. Он доступен только в Firefox с Firebug и в браузерах на основе Webkit (Chrome и Safari). он не работает хорошо во всех IE релизы.

объект консоли является расширением DOM.

The console.log() должен использоваться в коде только во время разработки и отладки.

считается плохой практикой, что кто-то уходит console.log() в файле javascript на рабочем сервере.

outis · Accepted Answer · 2017-05-23 15:34:40

console.log в частности-это способ для разработчиков, чтобы написать код, чтобы незаметно сообщить разработчикам, что делает код. Он может быть использован, чтобы предупредить вас, что есть проблема, но не должен занимать место интерактивного отладчика, когда приходит время для отладки кода. Его асинхронный характер означает, что зарегистрированные значения не обязательно представлять значение при вызове метода.

короче: ошибки журнала с console.log (Если доступно), затем исправьте ошибки при использовании отладчика по выбору:Firebug, WebKit Developer Tools (встроенный в Safari и Chrome), IE Developer Tools или Visual Studio.

aksu · Accepted Answer · 2014-01-15 19:57:14

Я действительно чувствую, что веб-программирование легко, когда я начинаю console.log для отладки.
var i;
если я хочу проверить значение i во время выполнения..
console.log(i);
вы можете проверить текущее значение i на вкладке консоли firebug. Он специально используется для отладки.

Poelinca Dorin · Accepted Answer · 2014-07-24 16:31:51

Он используется для регистрации (все, что вы передаете его) в Firebug

surajck · Accepted Answer · 2014-08-28 09:51:09

помимо упомянутых выше обычаев,console.log можно также распечатать на терминал в node.js. Сервер, созданный с помощью express (например.) можно использовать console.log для записи в выходной файл регистратора.

S. Mayol · Accepted Answer · 2016-02-09 18:20:48

Если ваш браузер поддерживает отладки, вы можете использовать консоль.метод log () для отображения значений JavaScript.

активируйте отладку в вашем браузере с помощью F12 и выберите "консоль" в меню отладчика.

NavyaKumar · Accepted Answer · 2015-02-23 03:37:25

в Java скриптах нет функций ввода и вывода. Так что отлаживайте код консоли.метод log () является used.It это метод ведения журнала. Он будет напечатан в разделе Журнал консоли (средства разработки).

его нет в IE8 и ниже, пока вы не откроете IE development tool.