Hinakawa_Nene’s blog

「安全でないコンテンツがブロックされました」の表示…その原因はたった一つの「S」が原因だった。

※ 当ブログにはプロモーションが含まれています

こんばんは!雛川ねねです🐣

 

「上に戻るボタン」の設置を行ったのですが、一つ困ったことになったので覚え書きとして

 

「上に戻るボタン」の解説に関しては、この方の記事を参考にしましたので
こちらの方でお願いします

 

azanaerunawano5to4.hatenablog.com

 

そしてこの中の、ヘッダー「hardに要素を追加」に追加するこのHTML

 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script

出典:うっすら透明な「上に戻る」ボタンのはてなブログ設置法 - あざなえるなわのごとし

 

一番最後の行、ここに「http://」が混ざっているのです。

 

なのでそこの「http://」を「https://」に訂正しておく必要があります

 

訂正しないとどうなるのか・・・

この画像のようなものがサイト上に現れます

混在コンテンツ(Mixed Content)

 

「安全でないコンテンツがブロックされました」

 

なんだと(゚A゚;)ゴクリ

 

私のサイトは健全なサイトでござる、危険性などあってはならぬ!

 

何も知らない私は、やばいものかとガタガタしながら調べました。

 

 

そして、「 http://」と「https:/」が混在しているコンテンツ

混在コンテンツ(Mixed Content)の仕業だと言う事を知りました

 

これに関しては私もまだ完全に理解していないので、説明は避けます。m(__)m

ググれば大量に情報が出てくるので気になる方は調べてみてください

 

 

はてなのヘルプはこちら

help.hatenablog.com

 

help.hatenablog.com

 

 まぁ、一件落着

一番最初に見た時は、本当にビックリしました

 

HTMLを入れて5分足らずで見つけたこともあり

原因が「これだ!」とすぐ特定出来たので軽く済みました

 

F12の出番はありませんでしたが、これからお世話になる事もあるでしょう。

 

「s」一つでこんな表示が出るとは、恐ろしいものです。

でも、勉強する良い機会になったので良かったです。

 

あ、「上に戻る」ボタンは、凄く便利ですしとても気に入ってます

まだ入れてない方には是非(*´ω`)