当通过 chrome 开发者工具限制速度时，FB.init() 不工作

Question

我在我的网站上使用 facebook 登录功能。但是不知何故，当我 使用 Chrome 开发人员工具 降低速度时，FB.init 似乎不起作用。

我的活动"fbReady"没有播出。我在行 FB.getLoginStatus 上放置了一个调试器。但是脚本永远不会停止，因为它没有初始化。

不限速时正常.

这是我的初始化代码。

var app = angular.module("myApp", ["ngRoute"]);
app.run(function($window, $rootScope, $location) {
    $window.fbAsyncInit = function() {
        FB.init({
            appId: 'xxxxxx95',
            status: true,
            cookie: true,
            xfbml: true,
            version: 'v2.10'
        });

        FB.getLoginStatus(function(response){
            if (response.status == "connected") {
                $rootScope.userId = response["authResponse"]["userID"];
                $rootScope.fbReady = true;
                $rootScope.$broadcast('fbready');
                $rootScope.$apply();
                FB.api('/' + $rootScope.userId + '?fields=picture.type(square)', function(response) {
                    $rootScope.userPic = response["picture"]["data"]["url"];
                })
            }else{
                $rootScope.fbReady = true;
                $rootScope.$broadcast('fbready');
            }
        })
});

Answer 1

我记得有过类似的问题。这可能与您在 javascript SPA 应用程序中包含 facebook sdk 的方式有关。

这是我用于包含 facebook 的工作函数（我在 ReactJS 项目中使用它）

function initFacebook() {
        window.fbAsyncInit = function() {
            let FB = window.FB;
            FB.init({
                appId: process.env.FACEBOOK_APP_ID,
                cookie: true,
                xfbml: true,
                version: 'v2.10'
            });
            FB.getLoginStatus(function (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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    }

您可以在 app.run 方法中尝试运行这个函数

当通过 chrome 开发者工具限制速度时，FB.init() 不工作

FB.init() not working when speed is throttled via chrome developer tool

sdk

facebook

asynchronous

bandwidth-throttling

angularjs