Question

今天有人报告我“Facebook登录按钮”突然消失了，在他的网站上我做了，实际上昨天工作正常，我几周没有改变任何代码，我已经激活了7月，8月的变化自从我创建网站以来，为了避免这个问题

这是我的代码

        <div id="fb-root"></div>
        <div class="fb-login-button" onlogin="Facebook_login()" autologoutlink="true">Login with Facebook</div> 
        <script>
            window.fbAsyncInit = function() {
            FB.init({
                    appId      : 'FB APP ID',
                    status     : false, 
                    cookie     : true,
                    xfbml      : true,
                    oauth      : true
                });
            };


            (function(d){
            var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
            js = d.createElement('script'); js.id = id; js.async = true;
            js.src = "//connect.facebook.net/en_US/all.js";
            d.getElementsByTagName('head')[0].appendChild(js);
            }(document));

          function Facebook_login () {
            FB.getLoginStatus(function(response) {
                if (response.status === 'connected') {
                    window.location = "THE URL TO PROCESS THE LOGIN";

                }
            });
          }                
        </script>

Answer 1

我们在网站上遇到了同样的问题。看起来Facebook已经改变了登录按钮的实现，它现在在iframe中创建。它也不再支持'onlogin'属性（不再在docs中）。

我们通过使用FB SDK FB.login方法添加我们自己的按钮来修复。

对于你来说，它看起来类似于（假设你为点击事件使用jQuery）

<div id="fb-root"></div>
        <button class="fb_login">Login with Facebook</button> 
        <script>
            window.fbAsyncInit = function() {
               FB.init({
                    appId      : 'FB APP ID',
                    status     : false, 
                    cookie     : true,
                    xfbml      : true,
                    oauth      : true
                });
                $(".fb_login").click(function() {
                   FB.login(Facebook_login);
                }); 
            };


            (function(d){
            var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
            js = d.createElement('script'); js.id = id; js.async = true;
            js.src = "//connect.facebook.net/en_US/all.js";
            d.getElementsByTagName('head')[0].appendChild(js);
            }(document));

          function Facebook_login () {
            FB.getLoginStatus(function(response) {
                if (response.status === 'connected') {
                    window.location = "THE URL TO PROCESS THE LOGIN";

                }
            });
          }                
        </script>

Answer 2

嗨，你不是今天遇到麻烦的唯一一个人。
我的网站没有正确显示按钮，登录也被破坏了。
这似乎是Facebook方面的一个错误，在今天的更新中引入，请看这里： http://developers.facebook.com/bugs/386085844776949在这里 http://developers.facebook.com/bugs/250500218391321
尝试订阅这些错误让FB看看它们。

Answer 3

有时是因为没有重新初始化Fb.init函数。我通过解析 Fb.XFBML 解决了这个问题，并添加了 FB.XFBML.parse();在 fb-login 按钮之前的脚本标记中： <script>FB.XFBML.parse();</script>[enter image description here][1] <fb:login-button scope="public_profile,email" onlogin="checkLoginState();"> </fb:login-button>

您可以在此处查看代码示例： [1]：https://i.stack.imgur.com/YM7QM.png

fb：登录按钮未显示，未更改代码

3 个答案: