Konsola Firebuga – „echowanie” Javascriptu

„Echowanie” jest zapewne znane wszystkim koderom PHP :) Pomaga w prostym debugowaniu skryptów. Javascript podobnie jak PHP żadnego sensownego debuggera nie posiada, a dodatkowo nie ma żadnego wyjścia. Korzystanie z metody alert() jest o tyle niewygodne, że zatrzymuje wykonywanie skryptu. Z ratunkiem przychodzi Konsola Firebuga. Udostępnia ona kilka ciekawych funkcjonalności. Pierwszą z nich jest console.log(), która pozwala formatować wyjście na kilka sposobów:

console.log("Ten kod powinien się wykonać");

var foo = "bar", x = 12.34, i = 122;

console.log("foo: %s, (int) i: %d, (float) x: %f", foo, i, x);

function Kopytko() {
	this.palec1 = 11.12;
	this.palec2 = "qń";
};
kopyto = new Kopytko();
console.log(kopyto);
console.log(kopyto.brak);

Jednak to nie wszystko. Możemy także pokolorować i nadać znaczenia naszej radosnej twórczości. I tak mamy dostępne metody console.debug(), console.info(), console.warn(), console.error().

Dodatkowo, przydatne (np. przy pracy z Ajaksem, czy manipulacjach w drzewie DOM) może się okazać również drukowanie HTMLa oraz XMLa. Służy do tego metoda console.dirxml(DOMElement). Wyświetla ona drzewo znane nam z zakładki „HTML” Firebuga.

To chyba na tyle o „echowaniu” na konsolę Firebuga. Więcej informacji możecie znaleźć w Console API oraz Rejestrowaniu Javascriptu (damn – nie mogę lepszego tłumaczenia znaleźć :). I tak z poziomu kodu można mierzyć czas wykonania bloku instrukcji console.time("name"); {..} console.timeEnd("name");, czy tworzyć asercje (a jak to się tłumaczy?).

Artykuł ten ukazał się też w zbliżonej formie na moim osobistym blogasku.

Brak podobnych wpisów.