人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

1396327227
●拡大する


●質問者: mcs0823
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●500ポイント ベストアンサー

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

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>
<!-- ↑ココ -->

a-kuma3さんのコメント
Safari ではブロックされないんですね。 ちらっと調べてみた感じでは、[http://presentations.inxpo.com/help/vts/ShowMe/ProblemsBeforeLogin/ShowMeSafariMixedContent.htm:title=ブロックする設定はありそう]なのですけれど、デフォルトでブロックしない設定になってるのかな? 因みに、Firefox でも設定でブロックを外すことはできます(非推奨)。

mcs0823さんのコメント
ありがとうございます。 確認対応したところ問題は解消して表示されました。 今後ともよろしくお願いいたします。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ