【JQuery】This request has been blocked; the content must be served over HTTPS.と表示される。


事象について

グラフを描画するために、以下JQueryを読み込む処理を記載した。

application.html.erb
<script type="text/javascript" src="https://d3js.org/d3.v4.min.js"></script>
<script type="text/javascript" src="http://techanjs.org/techan.min.js"></script>

すると・・・「techan.min.js」が読み込まれない。エラーを確認してみると

The page at 'https://74f8d60….vfs.cloud9.us-east-2.amazonaws.com/' was loaded over HTTPS, 
but requested an insecure script 'http://techanjs.org/techan.min.js'. 
This request has been blocked; the content must be served over HTTPS.

「このコンテンツはhttpのため、ブロックします。httpsにしてください」とのこと。

実施したこと

httpsに変更してみると・・・表示されない。元々httpsには対応してないみたいだ。
検索すると、httpsを省略しても読み込むことができるとのことなので、試してみる・・・。

<script type="text/javascript" src="//techanjs.org/techan.min.js"></script>

がっ・・・だめ・・・!コンテンツがhttpしかない場合、どうやってもブロックされるみたいだ。

対処法

普通にJQueryをダウンロードして、ファイルを「app/assets/javascripts」にぶち込んだら動いた!