Facebook JavaScript SDK FB.Canvas.SetSize y SetAutoGrow no funcionan en IE7/8

Question

Actualmente estoy probando una página de pestaña de Facebook. Estoy usando el SDK de JavaScript con el método de inicio de async recomendado:

window.fbAsyncInit = function() {
        FB.init({
          appId      : app_id,
          status     : true, 
          cookie     : true, 
          oauth      : true,
          xfbml      : true 
        });


        FB.getLoginStatus( loginStatus );
        FB.Canvas.setAutoGrow( );
        FB.Canvas.setSize( {height: 1200 });


     };

     (function(d){
         var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
         js = d.createElement('script'); js.id = id; js.async = true;
         js.src = "//connect.facebook.net/en_US/all.js";
         d.getElementsByTagName('head')[0].appendChild(js);
     }(document));

Tengo problemas en IE7/8 donde el setAutograda y setsize no están respondiendo. La página de mi pestaña es NO cambiar el tamaño del contenido completo en absoluto. En su lugar, en la consola IE recibo este error cada vez que llamo a SetAuToGrow o SetSize:

SCRIPT438: Object doesn't support this property or method all.js, line 15 character 3916

Probé esto en Chrome/FF/IE9 PC/Mac y todo funciona bien, solo IE7/8 me están dando estos problemas. ¿Alguien sabe si estos son errores conocidos con JS SDK de FB o estoy haciendo algo mal?

Answer 1

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

Úselo y póngalo justo antes de cerrar la etiqueta del cuerpo.

También asegúrese de tener este marcado dentro de las etiquetas del cuerpo también:

<div id="fb-root"></div>
<script type="text/javascript" src="//connect.facebook.net/en_US/all.js"></script>