Lancé una aplicación la semana pasada y he notado que en Chrome solo la altura de mi lienzo no siempre se ajusta. Pasé un montón de horas mirando los problemas y noté que recibo el siguiente error, a veces.

Unsafe JavaScript attempt to access frame with URL https://apps.facebook.com/tabletr/ from frame with URL

http: //static.ak.facebook.com/connect/canvas_proxy.php? version = 3 # behaviour = p & method = getPageInfo & params =% 7B% 22channelUrl% 22% 3A% 22https% 3A% 2F% 2Fs-static.ak. fbcdn.net% 2Fconnect% 2Fxd_proxy.php% 3Fversion% 3D3% 23cb% 3Df3782154e% 26origin% 3Dhttps% 253A% 252F% 252Ftabletr.herokuapp.com% 252Ff2951037b% 26relation% 3Dtop.frames% 255Bpses% 26% Bifes 2C% 22frame% 22% 3A% 22iframe_canvas_fb_https% 22% 7D & relacion = top. Deben coincidir los dominios, protocolos y puertos

Ahora, sabiendo una o dos cosas sobre programación, deduje que esto probablemente se deba ahttps yhttp siendo utilizado de manera intercambiable. Recibo el error (a veces) con la navegación segura "activada" en Facebook y nunca con "desactivada".

Pero lo que me parece realmente extraño es que el problema ocurre esporádicamente al navegar por HTTPS. Todavía no he encontrado ningún patrón para el problema que se avecina o mi código funciona según lo previsto. Sé que hay algunas publicaciones aquí sobre este tema y he intentado varias soluciones, pero ninguna parece haber resuelto mi problema. Aquí hay parte de mi código-

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId      : '<myid>', // App ID
            channelUrl : '//tabletr.herokuapp.com/channel.php', // Channel File
            status     : false, // Check login status
            cookie     : true, // Enable cookies to allow the server to access the session
            xfbml      : false  // Parse XFBML
        });

        // Additional initialization code here
        FB.Canvas.setSize({ height: 1200 });
    };

    // If I comment out this function I don't get any unsafe URL errors
    // anymore. I'm guessing that the include of the JavaScript code either
    // fails to use the right protocol or is faulty in its implementation
    // by Facebook. My money is on the former.
    (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";
        js.src = "//tabletr.herokuapp.com/js/all.js";
        d.getElementsByTagName('head')[0].appendChild(js);
    }(document));
</script>

¿Cómo puedo solucionar esto? Estoy fuera de ellos para ser honesto. ¿Quizás la implementación de mi archivo de canal es incorrecta?

Código actualizado

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId      : '<myid>', // App ID
            channelUrl : '//tabletr.herokuapp.com/channel.php', // Channel File
            status     : false, // Check login status
            cookie     : true, // Enable cookies to allow the server to access the session
            xfbml      : false  // Parse XFBML
        });

        // Additional initialization code here
        FB.Canvas.setSize({ height: 1200 });
    };

    // If I comment out this function I don't get any unsafe URL errors
    // anymore. I'm guessing that the include of the JavaScript code either
    // fails to use the right protocol or is faulty in its implementation
    // by Facebook. My money is on the former.
    (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";
        //js.src = "//tabletr.herokuapp.com/js/all.js";
        d.getElementsByTagName('head')[0].appendChild(js);
    }(document));
</script>

He actualizado mi código basado en la pregunta de Stack OVerflowFacebook JavaScript SDK sobre HTTPS cargando elementos no seguros - esto, sin embargo, aún no ha solucionado el problema. Me encontré con el siguiente informe de error del 19/01/2012, que muestra los mismos síntomas que estoy enfrentando. Los dedos cruzados esto será solucionado por Facebook pronto!

https: //developers.facebook.com/bugs/192507854181725? browse = search_4f2bbd593f8798794293016