时间戳

首页 > 解决方案 > Facebook 按钮不会显示

javascript - Facebook 按钮不会显示

问题描述

所以我正在尝试为热点创建一个登录页面，用户使用 facebook 登录，然后被重定向到路由器以访问互联网，但无论我尝试什么，facebook 登录按钮都会赢t 出现。这是一个简单的代码，试图使按钮出现，但它不起作用

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>facebook login </title>
  </head>
  <body>

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '1749574641802184',
      cookie     : false,
      xfbml      : true,
      version    : 'v3.0'
    });

  FB.getLoginStatus(function(response) {
     statusChangeCallback(response);
}); 

  };

 (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 = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0&appId=2034911913423175&autoLogAppEvents=1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));;

  function statusChangeCallback(response){
    if(response.status === "conected"){
      setElements(true);
      console.log("logged in and authenticated");
    }
  }


function checkLoginState() {
  FB.getLoginStatus(function(response) {
    statusChangeCallback(response);
    window.top.location = "";
  });
}

</script>


<fb:login-button 
  scope="public_profile,email"
  onlogin="checkLoginState();">
</fb:login-button>

<div class="fb-login-button" data-width="300" 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>

任何建议表示赞赏

标签： javascriptphphtml

解决方案

推荐阅读