ページロードイベントのデバッグ

Question

私は大きなアプリケーションで作業しています。私のアプリケーションでは、ライトボックスはページの読み込みとリフレッシュ時に開きます。アプリケーションには多くのJavaScriptファイルが含まれており、多くの開発者がそれに取り組んできました。私はそれを編集できるようにライトボックスを開く原因となっているJSコードをデバッグして特定しようとしています。

ロード時にChrome開発者ツール（下記参照）にブレークポイントを追加しようとしましたが、最初のブレークポイントで停止すると、ライトボックスは既に画面に表示されています。これは、最初のロードイベントリスナーが起動する前にライトボックスのコードがレンダリングされたことを意味します。

私は、ライトボックスのコードが開放された場所から見つけることができる方法はありますか？

P.Sライトボックスを開くために使用されたコード構文が正確ではないこともわかります。そうしないと、その構文のソースファイルが検索されてしまいます。

更新：さらに調べると、jQueryライブラリファイルのこれらの行が実行されると、ライトボックスが表示されることがわかりました。

これらの行は、トリガイベントループのように見えます。この情報がこの問題を解決するのに役立つかどうかはわかりません。

Answer 1

あなたはinvoced機能はあなたが.traceを入れてコードの行を取得するかを確認するには

console.trace(); 

を使用することができます。

あなたが何らかの形でjQueryライブラリ内の関数を発見したので、あなたはそれをそこに置くべきです。

Aditiinallyあなたはすでにない場合

debugger; 

を呼び出すことにより、その下のコード両面ブレークポイントを置くことができます。簡単なデバッグのために、非圧縮のローカルバージョンのjqを使用することを検討してください。