Jak uprościć debugowanie JavaScriptu za pomocą Firebuga?

Doświadczeni miłośnicy Mozilla Firefoksa znają na pewno rozszerzenie Firebug. Jest to zintegrowany inspektor obiektów, debuger pozwalający na wstrzymywanie działania programu w określonych miejscach i konsola JavaScriptu.

Nie wszyscy jednak wiedzą, że Firebug dostarcza funkcji JavaScriptu, które upraszczają proces debugowania kodu. Funkcje te są dostępne dla wszystkich stron WWW. Szczegółowy ich opis można znaleźć w dokumentacji rozszerzenia, tu natomiast pokażemy najciekawsze z nich:

console.log('wiadomosc' [, obiekty])

Obiekt console dostarcza metod do wyświetlania w konsoli wiadomości z logów i może więcej niż zwykły alert. Metoda console.log przyjmuje łańcuch znaków wraz z wraz z opcjonalnymi dodatkowymi parametrami i wyprowadza sformatowany łańcuch na konsolę, np. var i=2; console.log(' wartość i to %l', i);

console.trace()

Ta metoda wyświetla w miejscu, w którym została wywołana wynik śledzenia stosu (ang. stack trace).

inspect(obiekt)

Funkcja ta przełącza na kartę inspektora i pozwala podejrzeć wskazany obiekt.

$('id')

To skrót przyjmujący łańcuch id jako swój argument i zwracający ten element DOM, którego identyfikatorem jest rzeczony łańcuch – np. $('box') zwraca element, którego id to #box.

$$('css')

To skrót pozwalający zwrócić tablicę elementów DOM, które są zgodne z danym selektorem CSS – np. $$('span p.box') zwraca tablicę elementów p zawartych w kontenerze span o klasie .box.

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

wydrukuj

skomentuj »

Komentarze

Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.