1

最近出现了这个问题，不知道为什么。我没有更改任何代码，所以我假设 Facebook 与它有关。

我制作应用程序以适应 Facebook 上的页面选项卡并调整 iframe 的高度，我一直使用以下方法：

<!DOCTYPE HTML>
<html>
<head>
<!-- Lots of code -->
</head>
<body>
<!-- Lots of code -->
<div id="fb-root"></div>
<script type="text/javascript">  
   window.fbAsyncInit = function() {
    FB.init({
     appId: '00000000000000' // A real ID of course
    });
    FB.Canvas.setAutoResize();

   };
     (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/sv_SE/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
  </script>
</body>
</html>

如您所见，我正在使用 FB.Canvas.setAutoResize 方法来调整 iframe 的大小。现在，我知道此方法正在被删除，但我尝试使用 setAutoGrow() 和 setSize() 并传入特定的高度和宽度，但即使这样也行不通。当 iframe 的高度仅为 800 像素时，我创建的所有应用程序过去使用这些方法之一都可以正常工作，现在看起来都很糟糕。

非常感谢您的帮助！最好的祝福

4

1 回答 1

3

试试这个 

  <div id="fb-root">
</div>
<script type="text/javascript" language="javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" language="javascript">
    FB.init({
        appId: 'APPID',
        status: true, // check login status
        cookie: true, // enable cookies to allow the server to access the session
        xfbml: true// parse XFBML
    });
    window.fbAsyncInit = function () {
        FB.Canvas.setSize();
    }

    FB.Canvas.setAutoGrow(7);
</script>
于 2012-08-16T13:32:56.097 回答