MyTetra Share
Делитесь знаниями!
Как сделать лог действий JavaScript кода и просмотреть его в FireBug
Время создания: 11.08.2013 00:05
Текстовые метки: JavaScript, лог, логирование, консоль, console.log
Раздел: Компьютер - Программирование - Java Script
Запись: xintrea/mytetra_syncro/master/base/13761651028u93ulj00r/text.html на raw.github.com

В FireFox поддерживатся следующая нестандартная команда Javascript:


console.log('Это запись в лог!');


Это команда логирования действий в JavaScript-е. Все что выведено этой командой, попадает в консоль FireBug, в правильной врменной последовательности (т. е. то что было физически выполнено раньше, физически раньше и будет видно в логе).


С некоторых пор эту команду поддерживают и другие браузеры. Например, она работает в Opera в отладчике Dragonfly. Но нужно учитывать, что в новой версии Opera (старше версии 12) пока нет отладчика (и неизвестно когда появится). Так же она работает и в Chrome в инструментах разработчика (DevTools).


Еще для вывода в консоль браузера можно использовать команды:


console.info("%s numbers %d, %d and %d","hello",1,2,3); // hello numbers 1, 2 and 3

console.warn("%s numbers %d, %d and %d","hello",1,2,3);

console.error("%s numbers %d, %d and %d","hello",1,2,3);


Эти команды отличаются от console.log() тем , что сообщения будут выделены соостветствующим цветом и иконкой.


Так же, можно рассматривать в консоли DOM-объекты. Когда нужно как-то указать в логах на DOM узел, лучшего всего использовать методы console.dir() или console.dirxml(), которые могут перечислить свойства элемента или вывести HTML кода элемента:


console.dir(document.documentElement);

console.dirxml(document.documentElement);



Так же в этом разделе:
 
MyTetra Share v.0.59
Яндекс индекс цитирования