더 작은 내용에 맞게 페이 스북 iframe의 크기를 조정 하시겠습니까?

Question

내 연구에서 마치 이것이 재발하는 문제인 것처럼 보입니다. iframe 크기를 조정하려면 다음 코드를 사용하고 있습니다. 현재 작동합니다 ... iframe을 큰 내용에 맞게 크기를 조절하지만 다시 축소하지는 않습니다.

<div id="fb-root"></div> 
<script> 
    window.fbAsyncInit = function() { 
    /* Init fb Resize window */ 
    FB.Canvas.setAutoResize(7); 
    FB.init({ 
     appId:'<?php echo Yii::app()->params['fbAppId']; ?>', 
      status: true, 
      cookie: true, 
      xfbml: true 
    }); 
    }; 
</script> 

코드는 닫는 body 태그 앞에 html 파일의 맨 끝에 위치합니다.

Answer 1

전화를 걸지 마십시오. FB.Canvas.setAutoResize (7); 당신이 FB.init()를 호출하기 전에 또한

당신이 전화를 안 FB.Canvas.setAutoResize (7); 에 여기

을 window.fbAsyncInit jQuery 사용 적절한 예

window.fbAsyncInit = function() { 
    FB.init({ 
     appId : js_fb_app_id, 
     status : true, // check login status 
     cookie : true, // enable cookies to allow the server to access the session 
     xfbml : true, // parse XFBML 
     oauth : true   
    }); 
}; 
$(document).ready(function(){ 
    FB.Canvas.setAutoResize(); 
}); 

이다. 이 방법을 사용하면 DOM이로드 될 때 페이지가 리사이즈되었는지 확인할 수 있습니다. 이렇게하면 코드를 페이지의 아무 곳에 나 배치 할 수 있습니다.

FB.Canvas.setAutoResize을 700ms로 설정합니다. 그렇게 할 특별한 이유가 있습니까?

<script type='text/javascript'> 
window.onload=function() { 
    FB.Canvas.setSize({width:760,height:document.body.offsetHeight}); 
} 
</script> 

당신은 실제로 FB.init 필요하지 않습니다 당신이 사용하지 않는 : 기본 값은 가장 간단한 방법은 다음과 같이 페이지가 완전히로드되면 이후)에는 setSize을 (를 호출하는 것입니다 100ms의

Answer 2

입니다 다른 것들을위한 SDK도 있습니다.

Answer 3

저는 몇 주 동안 https://fb.pienternet.be/overview에있는 내 애플 리케이션과 똑같은 문제에 직면 해 있습니다. 많은 일을 시도했지만 그 중 아무 것도 작동하지 않습니다. setTimeout을 사용하여 수동으로 setSize를 사용하고, 새로운 setAutoGrow를 조합합니다 ... 긴 페이지에서 짧은 페이지까지, 또는 짧은 페이지에서 긴 페이지로 iframe을 탐색 할 때 발생합니다.

나에게 맞는 것은 부모 URI를 사용하여 페이지로 이동하는 것입니다. 예 : apps.facebook.com/pienternet/detail/5 ... SDK의 버그 인 것 같아요, 페이스 북의 bugtracking 플랫폼에서도이 버그를 게시 할 것입니다.

• http://cl.ly/3t2U2i272G40110X3b0p
• http://cl.ly/1n442j0w3i2W1f050W04