我正在从本地文件而不是 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>