Что такое консоль.лог?
зачем console.log?
Пожалуйста, объясните, как использовать его в JavaScript, с примерами кода.
20 ответов
это не функция 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
}
места, где вы можете просмотреть консоль! Просто чтобы получить их все в одном ответе.
в Firefox
также 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=против 85).aspx
https://msdn.microsoft.com/en-us/library/dd565628 (v=против 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 и iPads.
https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/
(архив ссылка для отладки веб-контента на iOS)
Теперь с iOS 6 Вы можете просматривать консоль через Safari в OS X, если вы подключите устройство. Или вы можете сделать это с помощью эмулятора, просто откройте браузер Safari и перейдите на вкладку "разработка". Там вы найдете варианты, чтобы получить инспектор Safari для связи с вашим устройством.
Windows Phone, Android
оба они не имеют встроенной консоли и не имеют возможности букмарклета. Поэтому мы используем https://jsconsole.com/ тип: слушайте, и он даст вам тег сценария для размещения в вашем HTML. С этого момента вы можете просматривать консоль на веб-сайте jsconsole.
iOS и Android
вы также можете использовать http://html.adobe.com/edge/inspect/ для доступа к инструментам Web inspector и консоли на любом устройстве с помощью удобного плагина браузера.
старый браузер проблемы
наконец, старые браузеры (еще раз спасибо Microsoft) рухнут, если вы используете консоль.войдите в свой код и не открывайте инструменты разработчика одновременно. К счастью, его легко исправить. Просто используйте приведенный ниже фрагмент кода в верхней части кода, и старый добрый IE должен оставить вас в покое:
if(!window.console){ window.console = {log: function(){} }; }
Это проверяет, присутствует ли консоль, и если нет, она устанавливает ее в объект с пустой функцией log. Сюда окно.консоль и окно.приставка.журнал никогда по-настоящему undefined.
вы можете просматривать любые сообщения, зарегистрированные в консоли, если для проверки кода используется такой инструмент, как Firebug. Допустим, вы это сделаете:
console.log('Testing console');
при доступе к консоли в Firebug (или любом инструменте, который вы решите использовать для проверки кода), Вы увидите любое сообщение, которое вы сказали функции войти. Это особенно полезно, когда вы хотите увидеть, выполняется ли функция или если переменная передается/назначается правильно. Это на самом деле довольно ценно для выяснения только то, что пошло не так с вашим кодом.
он отправит сообщение журнала в консоль 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и я предлагаю вам его прочитать. (трассировки, группы, профилирование, осмотр объекта).
надеюсь, что это помогает!
нет ничего общего с jQuery и если вы хотите использовать его, я советую вам делать
if (window.console) {
console.log("your message")
}
таким образом, вы не нарушаете свой код, когда он недоступен.
как предположил в комментарии, вы также можете выполнить в одном месте, а затем использовать console.log как обычно
if (!window.console) { window.console = { log: function(){} }; }
console.log не имеет ничего общего с jQuery. Это общий объект / метод, предоставляемый отладчиками (включая отладчик Chrome и Firebug), который позволяет скрипту записывать данные (или объекты в большинстве случаев) в консоль JavaScript.
console.log записывает отладочную информацию на консоль в некоторых браузерах (Firefox с установленным Firebug, Chrome, IE8, что угодно с установленным Firebug Lite). В Firefox это очень мощный инструмент, позволяющий проверять объекты или изучать макет или другие свойства HTML-элементов. Это не связано с jQuery, но есть две вещи, которые обычно выполняются при использовании его с jQuery:
установить FireQuery
console.log не имеет ничего общего с jQuery.
он регистрирует сообщение на консоли отладки, например Firebug.
точкой путаницы иногда является то, что для регистрации текстового сообщения вместе с содержимым одного из ваших объектов с помощью консоли.log, вы должны передать каждый из них как другой аргумент. Это означает, что вы должны разделить их запятыми, потому что если бы вы использовали оператор + для объединения выходов, это неявно вызвало бы .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]
так что имейте в виду, что консоль.журнал фактически принимает столько аргументов, сколько вам нравится.
использовать console.log для добавления отладочной информации на страницу.
многие люди используют alert(hasNinjas) для этой цели, но console.log(hasNinjas) легче работать. Использование всплывающих окон предупреждений модальное диалоговое окно, которое блокирует пользовательский интерфейс.
Edit: я согласен с Батист Пернет и Января Hančič что это очень хорошая идея, чтобы проверить, если window.console определяется первым, чтобы ваш код не ломался, если консоль недоступна.
пример-Предположим, вы хотите знать, какую строку кода Вы смогли запустить свою программу (до того, как она сломалась!), просто наберите
console.log("You made it to line 26. But then something went very, very wrong.")
остерегайтесь: оставляя вызовы консоли в вашем производственном коде, ваш сайт сломается в Internet Explorer. Никогда не держи его развернутым. Смотрите: https://web.archive.org/web/20150908041020/blog.patspam.com/2009/the-curse-of-consolelog
в первые дни отладка JS выполнялась через alert() функция-теперь это устаревшая практика.
на console.log() - это функция, которая записывает сообщение для входа в консоль отладки, например в WebKit или Firebug. В браузере вы ничего не увидите на экране. Он записывает сообщение в консоль отладки. Он доступен только в Firefox с Firebug и в браузерах на основе Webkit (Chrome и Safari). он не работает хорошо во всех IE релизы.
объект консоли является расширением DOM.
на console.log() следует использовать в коде только во время разработки и отладки.
считается плохой практикой, что кто-то уходит console.log() в файле javascript на рабочем сервере.
console.log в частности, это метод для разработчиков писать код, чтобы незаметно информировать разработчиков, что делает код. Он может использоваться для предупреждения о наличии проблемы, но не должен заменять интерактивный отладчик, когда придет время отлаживать код. Его асинхронный характер означает, что зарегистрированные значения не обязательно представлять значение при вызове метода.
короче говоря: ошибки журнала с console.log (Если доступно), то исправьте ошибки с помощью отладчика по выбору:Палий, webkit Developer Tools (встроенный в сафари и Chrome), IE инструменты разработчика или Visual Studio.
Я действительно чувствую веб-программирование легко, когда я начинаю console.log для отладки.
var i;
если я хочу проверить значение i во время выполнения..
console.log(i);
вы можете проверить текущее значение i на вкладке консоли firebug. Он специально используется для отладки.
помимо обычаев, упомянутых выше, console.log можно также распечатать на терминал в node.js. Сервер, созданный с помощью express (например.) может использовать console.log для записи в выходной файл logger.
Если ваш браузер поддерживает отладки, вы можете использовать консоль.метод log () для отображения значений JavaScript.
активировать отладку в браузере с F12 и выберите "консоль" в меню отладчика.
в Java скриптах нет функций ввода и вывода. Итак, отладка консоли кода.используется метод log ().Это метод ведения журнала. Он будет напечатан в разделе Журнал консоли (средства разработки).
его нет в IE8 и под, пока вы не откроете инструмент разработки IE.