以下の例では、facebook にログインするために必要な JavaScript コードを含む html ページがあります。
私には、ページをGoogle Chromeフレームで実行するGoogle Chrome Frameメタタグがあります。このページを任意のブラウザで開くと、finish() コールバックが正常に実行されます。Google Chrome Frame で開くと起動しません。
したがって、これは、ユーザー データを収集するためにログインを試みるすべての Facebook アプリがログインできないことを意味します。これは、ページが google frame で開かれている場合に発生します。
しかし、IE8でページを開くことができるようにメタタグを削除しても、FacebookはデフォルトでGoogle Chromeフレームを開くため、ページは再びGoogle Chromeフレームで開きます。
これは facebook.com 内で実行される Facebook アプリであるため、強制的に Google Chrome Frame で開く必要があります。
深刻なバグ！私は他の人がそれを報告しているのを見ました.誰かがここでもテスト用のFacebookアプリを作成しました: http://apps.facebook.com/gcftest/
以下の例では、appID と channelUrl はダミーです。
<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>