Facebook 应用程序在 Chrome 中无法运行，但在 Firefox 中运行良好答案

【问题标题】：Facebook App is not working in Chrome but well in FirefoxFacebook 应用程序在 Chrome 中无法运行，但在 Firefox 中运行良好
【发布时间】：2012-12-09 08:54:49
【问题描述】：

我刚刚开始使用 heroku 制作 Facebook 应用程序。我做了一个测试应用程序。我在 heroku 上上传了一个使用 HTML5、CSS 和 Javascript 的页面。该应用程序未在 Google Chrome https://apps.facebook.com/shrytestapp/ 中显示，但在 Mozilla Firefox 中运行良好。此外，该页面在 heroku 服务器http://salty-shelf-6707.herokuapp.com/ 中打开时效果很好。

【问题讨论】：

标签： javascript facebook google-chrome firefox heroku

【解决方案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，has more information about this in a post on his site.

【讨论】：

谢谢@Adam-E ...这应该被标记为正确答案！