Facebook 嵌入 API 多张照片 Post

Question

使用 Facebook 的嵌入式帖子 API 时，任何包含多张照片的 post 在用户登录 Facebook 时都无法正确呈现。如果没有用户登录，一切都会正常显示。我已经在 Firefox (v43.0) 和 Chrome (v47.0.2526.80 m) 中进行了测试，这两个地方都发生了。

这是我正在测试的 html，在正文中（我显然用我的应用程序 ID 替换了应用程序 ID。第一个 post 有多个图像，第二个只有有一个。当未登录 facebook 时，两个 post 都正确呈现。登录 facebook 后，第一个 post 无法呈现并在页面上留下空白 space，第二个仍然呈现正确。

<div>
    <div class="fb-post" data-href="http://facebook.com/106536536125/posts/10153158906711126" data-width="400"></div>
    <div class="fb-post" data-href="http://facebook.com/106536536125/posts/10153157143376126" data-width="400"></div>
</div>
<div id="fb-root"></div>

<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId: 'your-app-id',
            xfbml: true,
            version: 'v2.5'
        });
    };

    (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 = "//connect.facebook.net/en_US/sdk.js";
                fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

这是 Facebook posts 的嵌入代码中的错误，还是我可以做些什么来修复它？

Answer 1

我向 Facebook 提交了一个错误报告，他们确认这是一个错误，他们开始着手解决这个问题。

Facebook 嵌入 API 多张照片 Post

Facebook Embed API Multiple Photo Post

facebook

facebook-javascript-sdk