Facebook 的新 "Page Plugin" 没有显示任何内容

Question

我在使用新 Facebook Page Plugin 时遇到了很大的麻烦。我发现我需要将 SDK src 路径从 //... 更改为 http://...，因为出于某种原因它在本地测试时无法加载。

所以在加载 SDK 的脚本中，它现在显示

...
js.src = "http://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=471086929645819";
...

而不是

...
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=471086929645819";
...

但是现在，我没有得到一个普通的 link 到页面（这是因为 SDK 没有加载），我什么也得不到。如果我在控制台中打开 Firefox 网络监视器，我实际上可以看到一堆 GET 对我所有朋友的个人资料图像的请求，以便在小部件中使用。所以我知道它实际上是在加载数据，但它没有在页面上显示它。知道发生了什么事吗？这是我正在测试的 HTML 文件的确切代码。

<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_US/sdk.js#xfbml=1&version=v2.4&appId=471086929645819";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/TheWelcomingCommittee" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/TheWelcomingCommittee"><a href="https://www.facebook.com/TheWelcomingCommittee">The Welcoming Committee</a></blockquote></div></div>

</body>

Answer 1

我认为您无法在本地成功测试它。我遇到了同样的问题，所以我创建了一个测试页面，上面只有 FB 代码（与您在此处发布的内容相同）。在本地（在 Chrome、IE 和 Firefox 上）查看时，该插件表现出与您描述的相同的行为。唯一的解决办法是将页面上传到网络服务器以供查看——然后我就能正常看到插件了。

Facebook 的新 "Page Plugin" 没有显示任何内容

Facebook's new "Page Plugin" doesn't show anything

facebook

facebook-graph-api

facebook-javascript-sdk