2013-04-10 29 views
11

動的に生成されたDOM要素でブレークポイントを設定する際に、さまざまなイベントハンドラもJavascriptからバインドされています。これは、基本的には、最初に受信したHTTPレスポンスの一部ではない、見栄えの良いDOM構造を持っていることを意味します。純粋にクライアント側で構築されています。Chromeの[Elements]タブでイベントリスナーのブレークポイントを設定するにはどうすればよいですか?

さて問題は、Chromeの要素]タブのみサブツリーの変更や

  • 属性変更OR
  • ノード除去
  • はそれを設定することは可能です私は

    • のためのブレークポイントを設定することを可能にするということです動的に作成されたDOM要素の動的に作成されたイベントリスナーのブレークポイントはどういうわけか?それは私だけを示しているので、私はどちらかの「ソース/スクリプト]タブを使用することはできません

      enter image description here

      注意(私はlistenerbodyにブレークポイントを設定したい。画像は添付参照)、最初は静的なHTTPコンテンツを受信しました応答。イベントリスナーのアコーディオンで参照されているコードでブレークポイントを設定することはできません。なぜなら、イベントリスナーが起動するときに接続されているときだけ表示するからです。

      アイデア?

    答えて

    16

    ソース - >イベントリスナーブレークポイントには、イベントのイベントリスナーがトリガーされたときにブレークポイントをアクティブにするためにチェックできるチェックボックスが含まれています。アイデアのための

    +0

    おかげで、しかし、事は、私は先に述べた理由により、ソース]タブを使用できないということです。他のアイデア? –

    +0

    @CaptainFogettiこの機能はソースを一切必要とせずに利用できます。それを試してみてください: 'document.onclick = function(){};'をコンソールに入れ、私の答えのステップに従い、文書をクリックしてください。 –

    +0

    ありがとう!それは素晴らしいことです!私はあなたがソースなしでこれらのリスナーのブレークポイントを設定できることを知りませんでした...^_^ –

    関連する問題