Strona główna > Internet Explorer > IE 11 DEV-badanie przebiegu działania aplikacji–console.trace

IE 11 DEV-badanie przebiegu działania aplikacji–console.trace

Dzisiaj przybliżymy sobie możliwość jaką daje nam console.trace – funkcja powstała po to byśmy mogli prześledzić ścieżkę wykonywania aplikacji bez śledzenia jej krok po kroku.

Poniżej przykładowy kawałek kodu:

<!DOCTYPE html>

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

            function direct() {
                last();
            }

            function indirect() {
                proxy();
            }

            function proxy() {
                last();
            }

            function last() {
                console.trace();
            }


        </script>

        <p id="pozycja"></p>

        <button onclick="direct()">Direct</button>
        <button onclick="indirect()">Indirect</button>
                
    </body>
</html>

 

W kodzie mamy 4 funkcje i dwa przyciski. Oba przyciski dochodzą do wykonania funkcji last(), w której jest dodatkowo wykonanie console.trace, które informuje Nas jak to się stało, że właśnie do tej funkcji dotarliśmy.

image

I tak widzimy, że:

  • klikając przycisk Direct idziemy najpierw przez zdarzenie onclick przycisku do funkcji Direct, a potem do Last.
  • klikajac Indirect idziemy do zdarzenia onlick, z niego przechodzimy do funkcji indirect, a z niej do funkcji proxy i dopiero do funkcji Last.
  1. Brak komentarzy.
  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: