Autor podstrony: Krzysztof Zajączkowski

Stronę tą wyświetlono już: 3058 razy

Często gęsto podczas programowania zdarzają się wredne błędy, które mogą doprowadzić na skraj rozpaczy nie jednego programistę. Dlatego też warto się zaznajomić z obiektem o wdzięcznej nazwie console, który jest dostępny globalnie. Zanim jednak więcej opowiem o tym przydatnym narzędziu to trzeba sobie powiedzieć, że aby możliwe było korzystanie z tego zacnego obiektu twoja przeglądarka musi dysponować czymś co nazywa się Konsolą przeglądarki. W Firefox-ie można otworzyć konsolę przeglądarki za pomocą skrótu klawiaturowego Ctrl+Shift+J lub z menu Narzędzia→Dla twórców witryn→Konsola przeglądarki.

Konsola przeglądarki w programie Firefox
Rys. 1
Konsola przeglądarki w programie Firefox.

Obiekt console dysponuje kilkoma metodami, które wyświetlą podane im na wejście informacje w konsoli. Oto lista tych metod:

  • log - zwykły wpis;
  • error - komunikat błędu;
  • warn - komunikat ostrzeżenia;
  • info - informacja;
  • debug - dane związane z debugowaniem programu.

Tak więc taki oto kod:

console.log("log"); console.error("error"); console.warn("warn"); console.info("info"); console.debug("debug");

spowoduje, że w konsoli wyświetli się rezultat z poniższego rysunku.

Różne typy komunikatów w konsoli przeglądarki Firefox
Rys. 2
Widok Konsoli przeglądarki w programie Firefox

Jak widać, dzięki wyżej wymienionym metodom można łatwo i przyjemnie wyświetlać komunikaty związane z wystąpieniem błędów, ostrzeżeń lub zwykłych informacji związanych np. z debugowaniem programu.

Z kolei wstawienie w skrypcie kodu z użyciem metody trace w następujący sposób:

console.trace()

wyświetli ścieżkę do miejsca wywołania tej metody.

Jeżeli potrzebujesz obliczyć czas wykonania danego fragmentu kodu, zapewne z najdzikszą rozkoszą przyjmiesz fakt istnienia metod time i timeEnd. Oto przykład:

console.time("timer"); for(var i = 0; i < 100000; i++){ } console.endTime("timer");

W konsoli zostanie wyświetlony wynik:

timer: minutnik uruchomiony
timer: 3.13 ms
Strony powiązane
strony powiązane
  1. Console API - opis wszystkich metod obiektu console
Layout wykonany przez autora strony, wszelkie prawa zastrzeżone. Jakiekolwiek użycie części lub całości grafik znajdujących się na tej stronie bez pisemnej zgody jej autora surowo zabronione.