コマンド一覧

debugger

ブレークポイントをコード上で指定できる

リファレンス

windowオブジェクト

グローバル変数、グローバルメソッドが読み込まれているかを確認できる

コンソール画面でwindow.methodHoge() のようにして定義済みかどうか確認することが可能

使用例)
コンソールにエラーとしてmethodHoge()が定義されていないと出力されている
ファイルにはmethodHoge()は定義済み
コンソールでwindow.methodHoge()をして出力されることを確認する
正しく定義されていることが確認出来れば、ブラウザ読み込み時に定義されていないが、その後は定義されているのでJSのファイルの読み込み順序がおかしいと推測可能

読み込み順序の問題

読み込み順序の問題で関数が定義されていない、変数が定義されていな状態となりエラーとなる

下記の記事で明示的に読み込み順を指定してあげればよい

<script> タグに async / defer を付けた場合のタイミング

関数の呼び出し元