Angularjs 当通过chrome开发者工具限制速度时,FB.init()不工作
我正在我的网站上使用facebook登录功能。但不知何故,当我使用Chrome开发者工具来控制速度时,FB.init似乎不起作用 我的活动“fbReady”没有播出。我在FB.getLoginStatus行上放置了一个调试器。但是脚本从未停止,因为它没有初始化 当没有速度节流时,它工作正常 这是我的初始化代码Angularjs 当通过chrome开发者工具限制速度时,FB.init()不工作,angularjs,facebook,asynchronous,sdk,bandwidth-throttling,Angularjs,Facebook,Asynchronous,Sdk,Bandwidth Throttling,我正在我的网站上使用facebook登录功能。但不知何故,当我使用Chrome开发者工具来控制速度时,FB.init似乎不起作用 我的活动“fbReady”没有播出。我在FB.getLoginStatus行上放置了一个调试器。但是脚本从未停止,因为它没有初始化 当没有速度节流时,它工作正常 这是我的初始化代码 var app = angular.module("myApp", ["ngRoute"]); app.run(function($window, $rootScope, $locatio
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');
}
})
});
我记得有过类似的问题。这可能与您如何在javascript SPA应用程序中包含facebook sdk有关 这是我的工作功能,包括facebook(我在ReactJS项目中使用此功能) 您可以尝试在app.run方法中运行此函数
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'));
}