Deerua about Coding -> Заметки с тегом «firebug»

Сниппет, он же букмарклет в данном случае, это исполняемый из адресной строки браузера ДжС код. Его можно даже добавить в закладки, для удобства. Вот.

А вот и он

javascript:var firebug=document.createElement('script');
firebug.setAttribute('src',
'http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');
document.body.appendChild(firebug);
(function(){if(window.firebug.version)
{firebug.init();}else{setTimeout(arguments.callee);}})();
void(firebug);

Для удобства, запихаем его в текстареаjavascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);

Всё время забываю, что да как, потихоньку отучаюсь от алертов :)

// ***** Переменные *****
$(id); // getElementById
$$(selector); // css-css3 selectors
$x(selector); // xpath selector
keys(Object); // Массив названий всех свойств объекта
values(Object); // Массив значений всех свойств объекта


// ***** Вывод в консоль *****
console.log('Вывод в консоль');
console.debug('показывает справа файл и строку из которой был вызван %s', string);
console.info("зелёный месседж %i", integer);
console.warn("жёлтый месседж %f", float);
console.error("красный месседж %o", object);
console.group("Груповые сообщения");
	console.log("сообщение");
	console.log("сообщение");
console.groupEnd();
// А что в нашем объекте?
console.dir({a: 'test', b: function() {return true;}});
// А что в нашем элементе?
console.dirxml($$('.class'));
// true or false message ;) Проверка булей
console.assert(1 === true);
// Что же за функции у нас вызывались? о_О
console.trace();
// Вставляем любой цикл внутрь и меряем ;)
console.time("Цикл");
console.timeEnd("Цикл");
// Очистим консоль
clear(); 


// ***** Отладка *****
debug(function); // Установить breakpoint
undebug(function); // Снять breakpoint
monitor(function); // Установить logger вызова функции
unmonitor(function); // Снять logger вызова функции
monitorEvents(Object); // Установить logger вызова events
unmonitorEvents(Object); // Снять logger вызова events
// Список событий:
// mouse, key, composition, contextmenu, drag, focus, form, 
// key, load, mouse, mutation, paint, scroll, text, ui, xul