1396327227 facebookページの表示について

お世話になります。昨年まで問題なく表示されておりましたjqueryで作成したfacebookページが今年からfirefox、chromeで表示しなくなったのです。スライダー表示。以下のANAと同じ方法です。ANAも表示しないようです。IE10以上とSafariでは、問題なく表示するのです。

当方のサイトも以下と全く同じように作りました。
https://www.facebook.com/ana.japan/app_312843762115840
正常に表示され動作する画面のハードコピーを添付

htmlには、以下の記述
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<!-- load Galleria -->
<script src="js/galleria.js"></script>

===========
jsは、以下にリンクしております。
galleria.js

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2014/04/01 16:35:48
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:a-kuma3 No.1

回答回数4974ベストアンサー獲得回数2154

ポイント500pt

この記述の仕方がダメなんです。

htmlには、以下の記述
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<!-- load Galleria -->

Firefox や Chrome では、SSL (https://~) で表示されているページから、外部の非 SSL なコンテンツを参照するのがブロックされます。
なので、jquery.js や、ANA のページの場合には jquery.min.js の読み込みがブロックされて、jQuery の機能が全く使えなくなります。

開発用のコンソール (ctrl + shift + K) を見ると、以下のようなエラーが出ていることが分かります。
f:id:a-kuma3:20140401143108p:image

ブロックされるようになったのは、Firefox では 23 からでしょうか。

セキュリティ
・Mixed content のブロック。Firefox はセキュアな (https) ページでセキュアでない (http) リソースを読み込みません (バグ 834836)。
 

Firefox 23 for developers - Mozilla | MDN


以下のように記述すると、フレームのプロトコル(正確には、「スキーム」)に合わせて、外部スクリプトを読み込んでくれます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<!--        ↑ココ      -->
id:a-kuma3

Safari ではブロックされないんですね。
ちらっと調べてみた感じでは、ブロックする設定はありそうなのですけれど、デフォルトでブロックしない設定になってるのかな?

因みに、Firefox でも設定でブロックを外すことはできます(非推奨)。

2014/04/01 14:25:16
id:mcs0823

ありがとうございます。
確認対応したところ問題は解消して表示されました。
今後ともよろしくお願いいたします。

2014/04/01 16:35:24

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません