console.log(); – wykorzystanie konsoli w JavaScript

JavaScript jest nieodłącznym elementem praktycznie każdej strony www. Coraz częściej poziom skomplikowania JavaScriptu jest większy niż logiki po stronie serwera. Niestety js jest trochę niewdzięczny pod względem kontrolowania tego, co robi :)

Pisząc pierwsze skrypty wpadłem na pomysł, by strzelać alertami za każdym razem, kiedy chcę sprawdzić, co dzieje się w skrypcie. Życie szybko jednak pokazało, że jest to złe podejście – tak odkryłem metodę console.log();.

Obiekt console nie jest standardowym obiektem js – jest jednak obsługiwany przez konsole w różnych przeglądarkach (np. Firebug czy narzędzia programistyczne w Chromie – przeważnie konsole można włączyć klawiszem F12). Ogólnie możemy z niego korzystać praktycznie bez ograniczeń.

Jak można się łatwo domyśleć console.log() powoduje wyświetlenie wiadomości w konsoli – tak jak to robimy np. log4netem w C#.

Przykładowe wywołanie wygląda tak:

i w konsoli mamy:

Wiadomość przekazywaną do metody log() możemy formatować tak, jak w string.format w C# – zmienne z wiadomości oznaczajmy %s:


Tak jak każdy loger obiekt console umożliwia logowanie wiadomości na różnych poziomach (różnią się formatowaniem wiadomości w konsoli):

Inne przydatne metody.

Metoda log() jest bardzo użyteczna i najczęściej używana. Jednak obiekt console posiada więcej bardzo przydatnych metod.

console.trace()

mój MISZCZ(!).

pokazuje ścieżkę wykonania skryptu :)


console.time() / console.timeEnd()
Loguje do konsoli czas wykonania operacji – jej identyfikator podajemy w parametrze:


Są to najczęściej wykorzystywane przeze mnie metody – więcej znajdziecie tutaj: http://getfirebug.com/wiki/index.php/Console_API.

Niestety wykorzystanie obiektu console może przysparzać pewnych problemów, ale o tym napiszę w kolejnym poście.

6 Responses

  1. Pingback: dotnetomaniak.pl
  2. Dawid 24 lutego 2012 / 22:20

    Fajna sprawa i przydatna! Dzięki za wpis na pewno przyda się w codziennej pracy!

  3. Łukasz Bartczak 27 lutego 2012 / 14:19

    Również polecam console! Sam używam od dawna jako zamiennik irytującego alert’a :)

  4. Wojciech 28 kwietnia 2013 / 01:17

    Trochę szkoda, że dopiero teraz się o tym dowiaduję :)
    Chciałbym poprawić: te %s to są określniki formatu.

Comments are closed.