Facebook App在Chrome中不起作用,但在Firefox中起作用

Question

我刚开始使用heroku制作Facebook应用程序.我做了一个测试应用程序.我在heroku上传了一个使用HTML5,CSS和Javascript的页面.该应用未在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

谷歌的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 在其网站的帖子中提供了更多相关信息.