PHPとjQueryが混ざったコードを書いていた時、途中でjQueryが読み込まれているかどうか、よく分からない事態が発生しました。
そのとき、ある方に教えていただいた確認方法です。ブラウザはGoogle Chromeを使用しています。
目次
確認方法
F12キー
↓
Resourcesタブ
↓
Frames
↓
(当該ファイルが入ったフォルダ)
↓
Scripts
↓
jQuery-○.○.○.min.js
jQueryが読み込まれている場合
上記の確認方法を画像で表すとこのようになります。
緑色の文字で、jQueryのバージョンがで表示され、読み込まれていることが分かります。
jQueryが読み込まれていない場合
一方、こちらはjQueryは読み込まれていません。Scriptsは表示されず、コードの方にも”Uncaught ReferenceError:
$ is not defined”
と表示されています。
この場合、<body>の内部にある読み込むjQueryの<script>の記述が間違っています。