6

非常にJSを多用するWebアプリケーションがあり、主にjQueryのliveバインディングに基づいています(実際、jQuery v1.7より前からこれを作成しています)。

Chromeの組み込みの開発ツールは素晴らしいですが、常にデバッグできないという問題が1つあります。それは、以前のハンドラーがイベントのバブリングを停止したためにハンドラーが呼び出されない場合liveがあることです。

Chrome(または実際にFirebugまたは別の拡張機能またはブックマークレット(できれば無料です!))に、jQueryライブラリのコード外の次のイベントハンドラーで中断するように指示する方法はありますか?このようにして、ボタンをクリックするだけで、発生したイベントを確認し、ステップスルーして、誤って伝播を停止したことを確認できますか?

そうでない場合は、理由がありますか?これはできますか?

4

3 に答える 3

7

これが役に立つかもしれません: http://www.sprymedia.co.uk/article/Visual+Event+2

イベントがサブスクライブされているページ上の要素、それらのイベントとは何か、およびトリガーされたときにイベントが実行される機能を視覚的に表示する Visual Event と呼ばれる Javascript ブックマークレット...

特定のノードに接続されているイベントリスナーを見つけるために、W3C が推奨する DOM インターフェイスによって提供される標準的な方法がないことが判明しました....そのため、通常はキャッシュを維持する個々の Javascript ライブラリを確認する必要があります。添付されたイベントの(後で削除して、他の有用な抽象化を実行できるようにするため)。

于 2012-06-27T04:26:19.877 に答える
3

Chrome DevTools では、イベント タイプごとにブレークポイントを設定できます。

https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#listeners

ただし、jQuery イベントを除外することはできません。

ところで、live() の代わりにデリゲートを使用する必要があります

于 2012-06-22T11:41:28.167 に答える
1

DG レスポンスに加えて、これはVisual EventのChrome 拡張機能です。完璧に働く

于 2014-10-10T10:15:12.847 に答える