Facebookアプリのキャンバスで動作するように非常に単純なjavascript機能を取得しようとしていますが、どこにも行きません。以下にコードを掲載しています。
また、HTTPS 以外のキャンバス URL のみを使用していますか? 違いはありますか?
Facebook でアプリを表示するときに、facebookUserIDDiv innerHTML を変更することができません。
ただし、実際のホスト URL (キャンバス URL) に移動すると、JavaScript を問題なく実行できます。
FB アプリ キャンバスは標準の DOM 関数をサポートしていますか?
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId:'xxxxxxxxxxxxxxxxxx',
channelUrl:'//www.example.com/channel.html',
status:false,
cookie:true,
xfbml:false});
FB.getLoginStatus(function(response) {
if(response.status === "connected") {
var facebookUserID = response.authResponse.userID;
document.getElementById("facebookUserIDDiv").innerHTML
= facebookUserID;
}
}, true);
};
(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));
</script>
<form>
<div id="facebookUserIDDiv"/>
</form>
</body>