Facebook的畫布應用程序高度小於800px

Question

我有2個Facebook應用程序，一個是872px高度，另一個是712px高度。對於827px應用程序，我已經使用facebook JS SDK成功地將應用程序的大小從800改爲872px。但對於712px，我無法從800px下來。是否有一個Facebook畫布應用程序的最低高度或我做錯了什麼？

Answer 1

顯然，Canvas APP不能低於800像素。

Answer 2

您是否嘗試過動態設置高度？這工作對我來說，因爲我試圖顯示高度小於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); 
} 

Answer 3

來對付它：

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