コマンド一覧
debugger
ブレークポイントをコード上で指定できる
windowオブジェクト
グローバル変数、グローバルメソッドが読み込まれているかを確認できる
コンソール画面でwindow.methodHoge() のようにして定義済みかどうか確認することが可能
使用例）
コンソールにエラーとしてmethodHoge()が定義されていないと出力されている
ファイルにはmethodHoge()は定義済み
コンソールでwindow.methodHoge()をして出力されることを確認する
正しく定義されていることが確認出来れば、ブラウザ読み込み時に定義されていないが、その後は定義されているのでJSのファイルの読み込み順序がおかしいと推測可能
読み込み順序の問題
読み込み順序の問題で関数が定義されていない、変数が定義されていな状態となりエラーとなる
下記の記事で明示的に読み込み順を指定してあげればよい
<script> タグに async / defer を付けた場合のタイミング
関数の呼び出し元
|
1 |
console.trace() |