我在下面的facebook网站登录时有以下简单的代码。我在一个mozilla浏览器中测试了该网站,一切正常,打开提示我登录到facebook,但是当我再次尝试使用带有chrome的Windows操作系统时,我的按钮没有做任何事情。这特别令人沮丧,因为它看起来像按钮工作 - 但有时只是,我不知道为什么。我通过谷歌应用引擎托管我的网站。
我一直在努力解决这个问题,任何帮助都会非常感激!!
// Additional JS functions here
window.fbAsyncInit = function() {
FB.init({
appId : 'xxx', // App ID
channelUrl : '//http://www.XXX.com/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
function doLogin(){
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
login();
} else if (response.status === 'not_authorized') {
login();
} else {
login();
}
});
}
function login() {
FB.login(function(response) {
if (response.authResponse) {
testAPI();
} else {
// cancelled
}
}, {scope: 'email,user_education_history,user_work_history'}); //permissions
}
function testAPI() {
FB.api('/me', function(response) {
alert('Good to see you, ' + response.email + '.');
});
}
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
我的html按钮:
<button style="position:absolute; margin-top: 4px;margin-left:600px;" onclick="doLogin();">Sign Up With Facebook</button>
编辑:
当我在Chrome浏览器中检查按钮不起作用的控制台时,我收到以下消息:
应用程序配置不允许使用URL:应用程序的设置不允许使用一个或多个给定的URL。它必须与网站URL或Canvas URL匹配,或者域必须是App域之一的子域。
同样,当我在我的linux操作系统的mozilla浏览器中运行它而不是在我的其他计算机上运行它时,按钮工作得很好。我仍然不确定是什么导致了这种差异?再次感谢所有人的帮助。