facebook-apps - FacebookCanvasアプリの高さが800px未満

Question

私は2つのFacebookアプリを持っています。1つは872pxの高さで、もう1つは712pxの高さです。827pxアプリの場合、FacebookJSSDKを使用してアプリのサイズを800から872pxに変更することに成功しました。しかし、712pxの場合、800pxから下げることができませんでした。Facebookキャンバスアプリの最小の高さはありますか、それとも何か問題がありますか？

Answer 1

どうやら Canvas APP は 800 px を下回ることはできません。

Answer 2

それに対処するには：

    FB.Canvas.getPageInfo(
        function(info) {
            // console.log(info);
            if (info.clientHeight< 800) FB.Canvas.setSize({ height: 800 });
        }
    );

Answer 3

高さを動的に設定しようとしましたか？高さが800px未満の複数のページを表示しようとしているので、これはうまくいきました。私のページ タブの通常の高さは ~700px でした。

window.fbAsyncInit = function() {
   FB.init({
      appId: window.FB_APP_ID
   });

   // set height dependent on page (min height is 800px) 
   // but we are attempting to get it shorter
   var body_height = $('body').first().outerHeight();

   FB.Canvas.setSize({ 
      height: body_height
   });
}

ボディの高さを取得しない場合、ロード時にどのページよりも短い高さに設定し、 setAutoGrow() 関数をトリガーして、適切な高さに少し遅れて拡張します。ただし、これによりキャンバスが初期設定の高さ (例: 480px) になり、タイムアウトが発生するたびにサイズが拡大されます。

window.fbAsyncInit = function() {
   FB.init({
      appId: window.FB_APP_ID
   });

   FB.Canvas.setSize({ 
      height: 480 // some height shorter than necessary
   });

   setTimeout(function(){
      FB.Canvas.setAutoGrow();
   }, 500);
}