0

我正在从本地文件而不是 URL 加载 facebook 评论页面。

(原因:这是一个移动应用程序,我需要一个模板文件来创建多个评论页面)

FB 评论加载,但 iFrame 始终是相同的固定高度,这将视图限制为仅第一个评论。从我运行的许多测试来看,这是一个独立于浏览器和平台的问题。

如果我将 html 文件添加到我的网站并作为 URL 访问它,它会完美运行。

任何人都可以解释为什么 FB 评论的 iFrame 高度会因为源是本地文件而固定,而不是在 URL 时固定?

<html>
  <head>
    <title>Public Comments</title>
  </head>
  <body>
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
             var js, fjs = d.getElementsByTagName(s)[0];
             if (d.getElementById(id)) return;
             js = d.createElement(s); js.id = id;
             js.src = "http://connect.facebook.net/en_GB/all.js#xfbml=1&appId=XXXXXXXXXXXX";
             fjs.parentNode.insertBefore(js, fjs);
             }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-comments" data-href="http://my-web-site.help/dir/#ALIAS" " data-num-posts="10" data-mobile="true"></div>
  </body>
</html>
4

1 回答 1

0

任何人都可以解释为什么 FB 评论的 iFrame 高度会因为源是本地文件而固定,而不是在 URL 时固定?

很可能是因为 JS SDK 必须执行的跨域通信才能调整站点中 iframe 元素的高度在这种情况下不起作用。

于 2013-04-18T09:32:40.140 回答