niedziela, 1 marca 2009

Firebug console.

firebug Jeśli jesteś programistą Web, to na pewno znasz dodatek do przeglądarki Firefox, a mianowicie Firebug. Jeśli go nie znasz, to MUSISZ go poznać. On powie Ci wszystko o tym co się dzieje z Twoją stroną.

Nie będę się skupiał na tworzeniu instrukcji obsługi tego dodatku, a skupię się na jego jednym z głównych elementów, czyli konsoli. Mam tutaj na myśli obiekt console, ktory jest globalnie dostępny na Twojej stronie dzięki Firebugowi, a być może do tej pory nie zdawałeś sobie sprawy o jego istnieniu.

Obiekt console jest typowym loggerem komunikatów, które służą w celach (głównie) debugowania aplikacji (więcej o logowaniu zdarzeń można przeczytać na moich poprzednich notkach). Wartości do niego przekazywane są widoczne bezpośrednio w okienku Fiebuga. Aby z niego skorzystać, wystarczy wywołać odpowiednią metodę. Jako parametry możemy przekazać dowolną liczbę obiektów (nazw zmiennych) oddzielonych przecinkiem.

console.log Wypisuje komunikat na konsoli Firebuga
console.debug Wypisuje komunikat wraz z linkiem do bloku kodu, który go wywołał
console.info, console.warn, console.error j.w. wraz z graficzną informacją typu komunikatu
console.trace Wypisuje stack trace wywołania kodu JavaScript. Wyświetla wartości parametrów funkcji.
console.assert Testuje czy podane jako argument wyrażenie logiczne jest prawdą
console.dir Wyświetla właściwości danego obiektu

Formatowanie komunikatów:

%s Jako ciąg znaków
%d, %i Jako liczba całkowita
%f Jako liczba zmiennoprzecinkowa
%o Odnośnik do obiektu

 

Przykład wywołania (kod javascript):

console.log("Zmienna: %s zawiera liczbę: %d", mojaZmienna, count);

console.log("Zmienna %s oraz wiele wartości:", mojaZmienna, war1, war2, war3);


Przykładowy efekt działania konsoli Firebuga:



screen_01 2009.03.01 21.21



Możliwości tego narzędzia są bardzo duże. Zdecydowanie jeden z moich ulubionych dodatków do FF. Pozdrawiam.

0 komentarze: