使用FB.init()的Android浏览器上的错误宽度

时间:2011-07-28 14:10:06

标签: android mobile facebook-javascript-sdk

我使用facebook javascript SDK开发移动网络应用。

我使用元<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>来扩展我的内容。但是当我初始化我的Facebook应用FB.init()时,页面宽度会扩大很多,并且会出现水平滚动。

如何在Android浏览器上修复此错误宽度? (不要出现在iOS上)

1 个答案:

答案 0 :(得分:2)

我们遇到了同样的问题,我们想出了一个解决方法。请注意,显然这可能会在将来的FB API修改中过时。

我们必须异步加载FB SDK并且确保XFBML参数设置为false

<!-- this div element is required by FB JS SDK -->
<div id="fb-root">
</div>
<script>
window.fbAsyncInit = function() {
 FB.init({appId: facebookapikey, status: false, cookie: false, xfbml: false});
};
(function() {
  var e = document.createElement('script'); e.async = true;
  e.src = document.location.protocol +
    '//connect.facebook.net/en_US/all.js';
  document.getElementById('fb-root').appendChild(e);
}());
</script>

希望能帮助所有人。

相关问题