Facebook connect login window locking in Chrome
In the past week or so I have been getting some very odd behavior with my Facebook Connect functionality. Thus far, I can only duplicate the issue in Chrome (version 13.0.782.112 m). Everything seems to work in Firefox and IE.
The problem I'm experiencing can be duplicated by (also, you can easily cancel the registration process even if the Facebook Connect piece works because we require a unique user name after that):
- Open my site in Google Chrome: http://www.thegameeffect.com
- Click the "Connect with Facebook" button in the bottom-right portion of the header
- You will likely see a window pop-up if you're already logged in to Facebook.
- At this point you will be asked to allow certain access to Facebook information (like any other FB Connect option)... Again, you can cancel the registration even after this step.
- Now, at this point is where the problem seems to be occurring. The window after step 4 seems to change, but never load... it simply hangs there and has a title if XD Proxy.
So, if I close the window, click the "Connect with Facebook" button again, you will see another blank window that also hangs, however, upon closing that window, the login/registration seems to be successful. I absolutely can't explain it... And what's worse is that it only happens in Chrome in all the tests I've done...
AND this only started to happen within the past 1-2 weeks; very perplexing. Any help would be graciously appreciated.
Just for quick reference, I have this code directly below the tag:
<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function () {
FB.init({ appId: '<myappid>', status: true, cookie: true, xfbml: true });
};
(function () {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);
} ());
</script>
And this is basically the code that gets executed when you click the "Connect with Facebook" button:
function LoginWithFB(returnURL) {
FB.login(function (response) {
// things seem to hang starting here.
if (response.session) {
// the function hangs before hitting this code, so what's in here isn't terribly significant.
}
else {
// user cancelled login
$.fancybox.close();
}
}, { perms: 'email,user_about_me开发者_如何学编程' });
}
The problem has vanished in Chrome 13.0.782.220.
精彩评论