web-dev-qa-db-ja.com

JAVASCRIPTイベントをデバッグする方法は?または、すべての関数にトレースを呼び出す方法はありますか?

たとえば、ボタンがあります。 <div>でラップされています。

このボタンを押すと、javascript関数呼び出しが発生し、次に別の関数が発生し、ajaxによってサーバーが呼び出されます。問題がなければ、javascriptはこのページを別のページにリダイレクトします。

デバッグするのは難しいです。

このイベントを「キャッチ」するは可能ですか?つまり知っておくと、ボタンをクリックした後にどの関数が呼び出されますか?ボタンには「onclick」属性がありません。つまり、イベントリスナーはjavascriptで接続されています。

そしてそれが不可能な場合、それは可能ですかトレースを作成するために?それは、その後に呼び出されるすべての関数呼び出しを調べることです。

テキストでも良いですが、視覚的な方法でより良いでしょう:)

返信ありがとうございます!

21
gennad

ええ-この種のことはあなたが望むほど単純ではありません。

Google Chromeにはイベントリスナーパネルがあります。ボタンを右クリックして、要素の検査を選択します。正しい要素が選択されていることを確認してください。次に、右側のイベントリスナーパネルを確認します。

debuggerキーワードを使用して、コールスタックのどこかにブレークポイントを設定することもできます。次に、お気に入りのjavascriptデバッガー(Safariの組み込み開発ツール、Google Chrome&IE8、Firefoxのfirebug)を使用します。これらのそれぞれに、ナビゲートできる呼び出しスタックがあります。現在のコールスタックを介して。

24
desau

firebug を使用して、javascriptコードをトレースできます。スタイル(css)、jsをトレースし、編集も可能にするFirefoxのプラグイン。

OperaはFirebugに似たトンボを提供します

0
ArK