jQueryが読み込まれているかどうか確認する方法(Google Chromeの場合)

PHPとjQueryが混ざったコードを書いていた時、途中でjQueryが読み込まれているかどうか、よく分からない事態が発生しました。

そのとき、ある方に教えていただいた確認方法です。ブラウザはGoogle Chromeを使用しています。

目次

確認方法

F12キー

Resourcesタブ

Frames

(当該ファイルが入ったフォルダ)

Scripts

jQuery-○.○.○.min.js

jQueryが読み込まれている場合

上記の確認方法を画像で表すとこのようになります。

jQuery1

緑色の文字で、jQueryのバージョンがで表示され、読み込まれていることが分かります。

jQueryが読み込まれていない場合

一方、こちらはjQueryは読み込まれていません。Scriptsは表示されず、コードの方にも”Uncaught ReferenceError:
$ is not defined”
と表示されています。

jQuery2

この場合、<body>の内部にある読み込むjQueryの<script>の記述が間違っています。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次