Strona główna > Internet Explorer > IE 11 DEV–informacje, błędy, ostrzeżenia w konsoli

IE 11 DEV–informacje, błędy, ostrzeżenia w konsoli

Czasy kiedy wszystkie komunikaty błędów wyrzucaliśmy z kodu przez okno modalne alert mam nadzieje, że już dawno minęły. Dzisiaj mamy narzędzia dla programistów, które w mniej inwazyjny sposób potrafią zaadresować potrzebę sprawdzenia co w programie się dzieje na bieżąco.

Dzisiaj pokażę jak z kodu możemy pokazać błędy, informacje i ostrzeżenia.

image

W tym celu tworzymy bardzo prosty kod z trzema przyciskami:

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

<script>
function generujBlad() {
console.error('Błąd wygenerowany przez kod.');
}

function generujOstrzezenie() {
console.warn('Ostrzeżenie wygenerowane przez kod.');
}

function generujInformacje() {
console.info('Informacja wygenerowana przez kod.');
}

</script>


<button onclick="generujBlad()">Błąd</button>
<button onclick="generujOstrzezenie()">Ostrzeżenie</button>
<button onclick="generujInformacje()">Informacja</button>

</body>
</html>

który w efekcie działa tak:

image

Jak widać na załączonym obrazku, jak poklikamy w przyciski to w konsoli pojawiaja się komunikaty.

  1. Listopad 18, 2013 o 12:39 pm

    niesety niezaleznie ile sie pisze na ten temat, console w IE dalej jest w tyle do innych. Plusem jest chociaz to, ze od 9 operacja log jest funckja a nie obiektem (IE8), jednak proba zalogowania obiektu:

    console.log(‚test: ‚, {name: 10})

    powoduje dalej wyswietlenie:

    ‚test : ‚ [object Object]

    plusem jest za to, ze w mozna podac wiele wartosci po przecinku i sa one formatowane ze spacja.

    dodatkowo error nie wyswielta stack trace co troche powoduje ze nie ma sensu wyrzucania roznych typow informacji w IE.

    Moze w IE12 bedzie to juz smigalo.

  1. No trackbacks yet.

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Log Out / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Log Out / Zmień )

Facebook photo

Komentujesz korzystając z konta Facebook. Log Out / Zmień )

Google+ photo

Komentujesz korzystając z konta Google+. Log Out / Zmień )

Connecting to %s

%d blogerów lubi to: