どのようにjavascript関数を追跡するには？

Question

私は現在Chromeのエクステンションに取り組んでおり、要素によって呼び出されるjavascript関数を理解する方法を見つける必要があります。

<button class="yt-uix-button yt-uix-button-size-default yt-uix-button-text yt-uix-button-empty yt-uix-button-has-icon appbar-guide-toggle appbar-guide-clickable-ancestor" 
     id="appbar-guide-button" type="button" onclick=";return false;" 
     aria-label="Przewodnik" aria-controls="appbar-guide-menu" aria-expanded="false"> 
    <span class="yt-uix-button-icon-wrapper"> 
    <span class="yt-uix-button-icon yt-uix-button-icon-appbar-guide yt-sprite"> 
    </span> 
    </span> 
</button> 

あなたが見ることができるように、javascript関数への参照のみが私に何を与えないどのonclick=";return false;"です。それは外に呼ばれなければならない。

クリックすると、のjavascript関数が実行されていますが、どの機能がそのであるかを調べる必要があります。それ、どうやったら出来るの？

Answer 1

あなたは、マウスのクリックに反応して発生するすべての関数呼び出しを表示するF12開発者ツールを使用することができます。