1

この問題は最近発生しましたが、その理由はわかりません。私は自分のコードを何も変更していないので、Facebook が何か関係があると思います。

私は、Facebook のページタブに収まるようにアプリを作成し、iframe の高さを変更するために、常に次の方法を使用しています。

<!DOCTYPE HTML>
<html>
<head>
<!-- Lots of code -->
</head>
<body>
<!-- Lots of code -->
<div id="fb-root"></div>
<script type="text/javascript">  
   window.fbAsyncInit = function() {
    FB.init({
     appId: '00000000000000' // A real ID of course
    });
    FB.Canvas.setAutoResize();

   };
     (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/sv_SE/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
  </script>
</body>
</html>

ご覧のとおり、FB.Canvas.setAutoResize メソッドを使用して iframe のサイズを変更しています。現在、このメソッドが削除されていることはわかっていますが、setAutoGrow() と setSize() を使用して特定の高さと幅を渡そうとしましたが、それでも機能しません。そして、これらの方法のいずれかを使用して正常に動作していた私が作成したすべてのアプリは、iframe の高さが 800 ピクセルのみの場合、すべてひどいものに見えます。

助けていただければ幸いです。よろしくお願いします

4

1 に答える 1

3

これを試して 

  <div id="fb-root">
</div>
<script type="text/javascript" language="javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" language="javascript">
    FB.init({
        appId: 'APPID',
        status: true, // check login status
        cookie: true, // enable cookies to allow the server to access the session
        xfbml: true// parse XFBML
    });
    window.fbAsyncInit = function () {
        FB.Canvas.setSize();
    }

    FB.Canvas.setAutoGrow(7);
</script>
于 2012-08-16T13:32:56.097 に答える