Question

在我的网站上，Facebook Like框在45秒后消失。我甚至在其自己的html文档中只添加了Like框代码，逐字地从我从开发人员网站获得的内容，但仍然是相同的结果，所以它似乎是一个Facebook问题，但我不确定。我已经尝试过IE 11，FF 23.0.1以及最新的Chrome，但它也是一样的。

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[1];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="https://www.facebook.com/Awesome.Animals" data-width="300" 
    data-height="375" data-colorscheme="light" data-show-faces="false" data-
    header="false" data-stream="true" data-show-border="false"></div>

Answer 1

这是因为NoScript。如果你允许Facebook的所有域名都通过（facebook.com和facebook.net），那就没问题了。

Answer 2

出于某种原因，Facebook JavaScript在45秒后干扰了Facebook生成的iframe的大小。检查浏览器开发者控制台。你看到警告信了吗？ fb:share_button failed to resize in 45s

作为修复，使用CSS强制iframe为某个高度和宽度，如下所示：

.fb-like-box iframe {
    width: 110px !important;
    height: 20px !important;
}

Facebook喜欢的盒子在45秒后消失

2 个答案: