Javascript：サイトの初期化をシングルステップ実行する方法

Question

短い背景：私はJavascriptを使い慣れていません。現在、サードパーティのウェブサイトを自分のニーズに合わせてカスタマイズすることに興味があります。つまり、Greasemonkeyなどのスクリプトを作成します。しばしば、これらのサイトはJquery、Bootstrapなどのライブラリで膨れ上がり、どのように正確に動作するかを把握することがさらに困難になります。

私は新しいウェブサイトを分析して、どのコードが実行されるのかを知りたいときに、Firebugを使ってブレークポイントやウォッチポイントを作成し、コードをシングルステップ実行することができます。しかし、これは、Webサイトが最初にロードされている間、または既に実行されているコードでは機能しません。この部分をどのようにシングルステップで処理できますか？基本的に私は最初のJavascriptコードが実行される前にブレークポイントをポイントに設定する方法を探しています。

Firebugよりも優れたツールがあれば、私はすべての提案があります。私はウェブサイトを管理していないので、サイトのコードを変更することは問題ではありません。

Answer 1

ページ（通常はいくつかのコードは、そのイベントの前に実行されます）のロードイベントで停止することは十分だ場合は、次の操作を行うことができます

1. がHTMLパネルに切り替えイベントサイドパネルへ。
2. スクロール「ロード」イベント（それ以外の矢印の1であるかもしれない）の下で機能を右クリックし、コンテキストメニューからブレークポイントの設定を選択するウィンドウ

3. ため他のリスナーを言っセクションまで。

   注： 'load'イベントの前に呼び出される 'DOMContentLoaded'イベントハンドラがある可能性があります。そのため、その関数にブレークポイントを設定します。

4. ページをリロードします。

ここでは、そのメニューのスクリーンショットです：

前述したように、ライブラリがロードされたばかりか、いくつかのグローバル変数が初期化されているように「ロード」イベントは、発射される前に、通常はいくつかのコードがすでに実行されています。私が知る限り、Firebug（または他のブラウザ開発者ツール）には、最初に実行されたJavaScriptの文でスクリプトの実行を停止するオプションはありません。 しかし、通常、その行にブレークポイントを設定するのはかなり簡単です。 Script Location Menu（左から3番目のツールバーのボタン）からインラインと呼ばれる最初のスクリプトを選択スクリプトパネルの内側に

1. ：それはちょうどいくつかの手動検索を必要とします。
2. 最初のJavaScript行を検索するか、インラインJavaScriptがない場合は、スクリプトロケーションメニューから最初の<script>要素内のスクリプトを選択します。
3. スクリプトの最初の行にブレークポイントを設定します。
4. ページを再読み込みします。