On the example below i have an html
page with the javascript code needed to login to
facebook.
On the i have the Google Chrome Frame meta tag that makes the
page run with google chrome frame. If you open this
page with any browser the finish() callback runs normally.
If you open it with Google Chrome Frame it never fires.
So this means that every
Facebook App that tries to login to gather user data cannot login.
This happens if the
page is opened with google frame.
But even if i remove the meta tag so that the
page can open with IE8 the
page opens again with google chrome frame because
Facebook opens google chrome frame by default.
So because this is a
Facebook app that runs inside an inside
facebook.com it is forced to open with Google Chrome Frame!
SERIOUS BUG!
I have seen other people reporting it, someone has made a test
facebook app also here:
http://apps.
facebook.com/gcftest/
appID and channelUrl are dummy in the example below.
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.
facebook.com/2008/fbml">
<head>
<meta name="generator" content=
"HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
<meta charset="utf-8" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8" />
<title>Facebook Login</title>
<script type="text/javascript">
//<![CDATA[
// 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));
var appID = '0000000000000';
var channelUrl = '//myhost/channel.html';
// Init the SDK upon load
window.fbAsyncInit = function() {
FB.init({
appId : appID, // App ID
channelUrl : channelUrl,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
FB.Event.subscribe('auth.statusChange', function(response)
{
if(!response.authResponse)
FB.login(finish, {scope: 'publish_actions,publish_stream'});
else
finish(response);
});
FB.getLoginStatus(finish);
}
function finish(response)
{
alert("Hello "+response.name);
}
//]]>
</script>
</head>
<body>
<h1>Facebook login</h1>
<p>Do NOT close this window.</p>
<p>please wait...</p>
</body>
</html>
