Facebook iframe FB.Canvas.setAutoGrow не растет автоматически после начальной загрузки? - PullRequest
Новая
       35

Facebook iframe FB.Canvas.setAutoGrow не растет автоматически после начальной загрузки?

4 голосов
/ 08 февраля 2012

Я создаю вкладку facebook с использованием HTML, CSS и javascript SDK.

У меня проблемы с изменением размера iframe до размера содержимого.

Мне удалосьзаставить его работать при начальной загрузке, что здорово, используя этот скрипт ниже ... 

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">

- 

<div id="fb-root"></div>
<script type="text/javascript">
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '00000000000000', // App ID
      channelUrl : '//www.mywebsite.com/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    FB.Canvas.setAutoGrow();

  };

  // Load the SDK Asynchronously
  (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));
</script>

и мой channel.html выглядит так ... 

<?php
 $cache_expire = 60*60*24*365;
 header("Pragma: public");
 header("Cache-Control: max-age=".$cache_expire);
 header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$cache_expire) . ' GMT');
 ?>
 <script src="//connect.facebook.net/en_US/all.js"></script>

Как я уже говорил, первоначальное изменение размера страницы отлично, но когда я перемещаюсь по iframe, он не вырастает автоматически до моего контента.

Может кто-нибудь посоветовать, так как я очень новичок в этом Facebook iframe biz.

Заранее спасибо

1 Ответ

1 голос
/ 09 февраля 2012

Пожалуйста, проверьте это:

A, у вас есть <!DOCTYPE html> вверху HTML?

B, ваше приложение генерирует корректный HTML? Вот инструмент валидатора: http://validator.w3.org/

...