Facebook按钮未在Chrome中加载

Question

Facebook按钮不显示仅在Chrome中显示文本，但在Firefox中有效。

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en">

<div id="fb-root"></div>
<fb:login-button scope="email,user_about_me,user_interests,user_location,publish_stream" width="width_value"  size="large">Login with Facebook</fb:login-button>

我是否正在获取文本“使用Facebbok登录”

<script src="http://connect.facebook.net/en_US/all.js"></script>   
<script>
 // Initiate FB Object
 FB.init({
   appId: '<?= YOUR_APP_ID ?>', 
   status: true,
   cookie: true, 
   xfbml: true
   });
 // Reloading after successfull login
 FB.Event.subscribe('auth.login', function(response) { 
 window.location.reload(); 
 });
</script>

Answer 1

将Facebook SDK脚本src更改为与方案相关，即不使用http:

<script src="//connect.facebook.net/en_US/all.js"></script>

最初失败是因为Chrome浏览器将阻止使用HTTPS时通过HTTP传输的脚本，默认情况下，当您在Facebook中查看应用程序时，默认情况下。 另一方面，Firefox并不那么繁琐。