Chromeデバッガーから次の情報を取得する方法を理解しようとしています:入力ファイルタイプタグのクリックによってトリガーされるイベントがページにあります。しかし、メカニズムをさかのぼることは不可能です。イベントがトリガーされたときに呼び出されるjsファイルです。デバッガーからこの情報を取得する方法はありますか?
1 に答える
右側のウィンドウの[イベントリスナー]エントリを確認しましたか?投稿の下部にある[Google-Chrome]タグを右クリックし、[要素の検査]を選択すると、htmlタグが強調表示されます。次に、右側のペインでイベントリスナーを見ると、この要素にぼかし、クリック、キーアップ、キーダウン、マウスダウン、マウスアウト、マウスオーバーのハンドラーがあることがわかります。しかし、htmlを見るだけではわかりません。イベントハンドラーを展開すると、すべて「jquery.min.js:3」を指していることがわかります。これは、ファイルが最小化されており、4行しかないためです。各行の長さはおそらく20または25,000文字です。残念ながら、最小化されたスクリプトを分析することは困難です。
最小化スクリプトを使用しないページで試してみてください。イベントハンドラウィンドウのリンクをクリックすると、関連する関数に直接移動できます。残念ながら、関係する行の先頭に移動するため、jquery.minが作成されます。 .jsでこれを行うのは時間の無駄です。縮小されていないバージョンのスクリプトをデバッグ目的でいつでも使用でき、縮小されたバージョンに切り替えて本番環境に移行できます。
他のページでは、スクリプトの縮小されていないバージョンをリンクする前に、ローカルコピーを保存する必要がない場合があります。