facebook登录按钮不会显示在我的页面上

时间:2017-08-24 13:24:23

标签: javascript html facebook button login

我已经包含了我需要能够在我的页面上显示facebook登录按钮的代码。但是按钮没有出现,请您阅读我的代码并告诉我您是否发现任何问题?谢谢

<!DOCTYPE html>
<html>
<body>

<script>
  window.fbAsyncInit = function() {
    FB.init({
      vappId            : '486506335043368',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.10'
    });
    FB.AppEvents.logPageView();
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

 <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src =                             "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10&appId=486506335043368";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-login-button" data-max-rows="1" data-size="large" data-    button-type="continue_with" data-show-faces="false" data-auto-logout-    link="false" data-use-continue-as="false"></div>


</body>
</html>

1 个答案:

答案 0 :(得分:1)

我认为有两个可能的问题:

1)您需要将js.src分配更改为:js.src="https://connect.facebook.net/en_US/all.js";

2)我认为Facebook不支持来自本地文件的调用,该脚本必须在带有http://或https:// URI的文件上运行。

请参阅此answer