サイト内の「検証ツール」でjQueryが使えないとき

$ is not a functionが出てくる場合

chromeやfirefoxでスクレイピングのために「検証ツール」(ディベロッパーツール)を開いた時。

「これを取得するためにはどうやってコードを書けばいいのかな〜ふんふんこういう構造になっているのね。」

などと考えて、例えば以下コードをコンソールに打ち込んで、さあいざ取得できるかテストすると思います。

とりあえずのテスト

$("div.class_name_1").text().trim()

なのに出てくるのはこんな表示だった時。

$ is not a function

でもやっぱり取得の仕方があっている時。

これはサイトのページ内でjQueryが読み込まれていない(?)のが理由みたいです。
下のコードをコンソールに打ち込むと、検証ツールでもjQueryが使えるようになります。

読み込み用コード

document.body.appendChild((function(){
  var jq = document.createElement("script");
  jq.src = '//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js';
  return jq;
})());

タブを変えた時はまた使えないので、その都度入力しましょう。