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:
Możliwości tego narzędzia są bardzo duże. Zdecydowanie jeden z moich ulubionych dodatków do FF. Pozdrawiam.
0 komentarze:
Prześlij komentarz