javascript - Facebook アプリは Chrome では機能しませんが、Firefox では機能します

Question

Heroku を使用して Facebook アプリの作成を開始しました。テストアプリを作りました。HTML5、CSS、Javascript を使用したページを heroku にアップロードしました。このアプリは Google Chrome https://apps.facebook.com/shrytestapp/では表示されませんが、Mozilla Firefox では問題なく動作します。また、heroku サーバーhttp://salty-shelf-6707.herokuapp.com/で開くと、ページはうまく機能します。

Answer 1

Facebook 内でアプリにアクセスすると、データの転送に HTTPS が使用されますが、Chrome は結果として通常の HTTP 経由で配信されるコンテンツをブロックし、すべてが安全に転送されることを主張しますが、Firefox はそれほど面倒ではありません。

コンソールがChromeで表示しているものは次のとおりです

[blocked] The page at https://salty-shelf-6707.herokuapp.com/
    ran insecure content from http://www.google.com/jsapi.
Uncaught ReferenceError: google is not defined

Google の JS API がブロックされており、JavaScript を実行できません。

(見つからないエラーもいくつかありますが、それは無関係です)

あなたが言及したように、アプリはhttp://salty-shelf-6707.herokuapp.com/を介して正常に動作しますが、 https://salty-shelf-6707.herokuapp.com/を介しては動作しません

代わりに以下を使用して API をロードしてみてください

<script type="text/javascript" src="//www.google.com/jsapi"></script>

src 値の//先頭にある は、url をプロトコル相対にするか、正しい専門用語ではスキーム相対にします。

HTML5 Boilerplate の主任開発者である Paul Irish は、彼のサイトの投稿でこれに関する詳細情報を提供しています。