Facebook 탭 응용 프로그램 캔버스 높이 - Firefox 문제

페이지의 탭으로 사용할 응용 프로그램을 만들었습니다.
내용이 너무 길어서 스크롤바가 없도록 iframe 높이를 설정해야합니다.
내 문제는 그것이 크롬 & 즉,하지만 파이어 폭스에서 잘 작동합니다. 여기
내가 무슨 짓을했는지입니다 : 또한Facebook 탭 응용 프로그램 캔버스 높이 - Firefox 문제

<?php 
    $signed_request = $_REQUEST["signed_request"]; 
    list($encoded_sig, $payload) = explode('.', $signed_request, 2); 
    $data = json_decode(base64_decode(strtr($payload, '-_', '+/')), true); 
?> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

    <style type="text/css"> 
     * { 
      padding:0; margin:0; border: none; outline:none 
     } 
    </style> 

</head> 
<body style="width:520px; overflow:hidden"> 
<?php 
    if (empty($data["page"]["liked"])) { 
     echo "<img src=\"img/blur.jpg\" />"; 
    } 
    else { 
     echo "<img src=\"img/fan.jpg\" />"; 
    } 
?> 
<div id="fb-root"></div> 
<script src="http://connect.facebook.net/en_US/all.js"></script> 
<script> 
    FB.init({ 
    appId : 'xxx_app_id', 
    status : true, 
    cookie : true, 
    xfbml : true 
}); 
</script> 
<script type="text/javascript"> 
    window.fbAsyncInit = function() { 
     FB.Canvas.setSize({ width: 520, height: 3591 }); 
    } 
    function sizeChangeCallback() { 
     FB.Canvas.setSize({ width: 520, height: 3591 }); 
    } 
</script> 
</body> 
</html>

, 나는 정확히 같은 응용 프로그램을 3 ~ 4 번 한 적이 있으며, 근무 그래서 지금 난 그냥 표시 할 이미지를 변경했습니다.
Firebug 콘솔을 보면 오류가 표시되지 않았으며 적용된 CSS (방화 광구에서)가 iframe의 높이가 800px임을 확인할 수 있습니다.

출처

2011-10-24 CrisDeBlonde

좋아, 분명히 fbAsyncInit가 호출되지 않았다, 그래서 나는 다음과 같이 수동으로 메소드를 호출하여 문제를 해결 :

<script type="text/javascript"> 
    window.fbAsyncInit = function() { 
     FB.Canvas.setSize({ width: 520, height: 3591 }); 
    } 
    function sizeChangeCallback() { 
     FB.Canvas.setSize({ width: 520, height: 3591 }); 
    } 
    window.fbAsyncInit(); 
</script>

이제 모든 것이 잘 작동합니다.
누군가가 이것이 단지 ff에서만이 응용 프로그램에서만 일어난다는 단서가있는 경우 (내가 정확한 app를 3-4 번 작성한 질문에서 말했듯이 - 다른 이미지와 텍스트로 -) 감사하겠습니다. 여기에 공유 ...

출처

2011-10-24 09:33:27 CrisDeBlonde

참조 http://stackoverflow.com/questions/5316478/facebook-tab-height-scroll-bar/7812412#7812412 –

Facebook 탭 응용 프로그램 캔버스 높이 - Firefox 문제

답변

관련 문제