web-dev-qa-db-ja.com

すべてのブラウザーDOM / JQueryイベントを記録または記録

一部のブラウザーイベント(クリック、フォーカス、?)によってトリガーされた後、サードパーティコンポーネントで発生していたことを(JavaScriptで)プログラムで行う必要があるという問題がありました。イベントの種類、イベントがバインドされている要素、適切なパラメーターがわかりませんでした。

-試行設定Chromeサブツリー変更のブレークポイントですが、何も機能しませんでした。
-jQueryイベントのチェックを試みましたが、data( 'events')は何も有用なものを明らかにしませんでした-それらはDOMイベントを使用している必要があります。

ブラウザですべてのイベントを記録/キャプチャ/ログに記録してから、それらをチェックする(またはそれらを再生する)方法はありませんか?それが私が知りたいことを見つける唯一の方法のようです。

26
skeej

はいChromeできる:)

  1. 「開発ツール」(Ctrl + Shift + I)を開く/レンチメニューから/またはページを右クリックして「要素を検査」をクリックします
  2. [タイムライン]タブに移動します。
  3. 下部にある小さな[録音]ボタンをクリックします。
  4. ページを更新。

すべてのロードイベント(黄色)と、マウスを重ねたときに発生するAJAXイベントなど)が表示されます。

乾杯;)

33
Chiramisu

Chromeでは、開発ツールのコンソールでmonitorEvents()を使用して、テスト中にトリガーされた監視するすべてのイベントを記録できます。

0
Quintus Chen