Question

我已经使用iframe代码在我正在开发的网站上显示fb like按钮，通常它适用于所有浏览器，但这只在chrome上显示。

我尝试使用html5，而xfbml仍未在其他浏览器上显示。

在html5版本的css范围内尝试的固定高度和宽度仍未显示。

它会显示height:0;和width:0;以及Chrome height:21;和width:73;

为什么会这样？

我也注意到当我在http://developers.facebook.com/docs/reference/plugins/like/中输入fb页面网址时预览不显示。尝试其他页面，它显示预览。

这是否与其他浏览器上没有显示的内容有关？

以下是iframe代码

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FCarolina-Designer-Cabinets%2F400436533396747&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>

这是该网站 http://carolinadesignercabinets.com/

Answer 1

这很奇怪，看起来像你的布局（可能是CSS，JS或HTML）的特定问题导致了这一点。看起来iframe内部代码在非Chrome浏览器上无法正确呈现。在任何情况下，Facebook已经宣布iframe被弃用，所以我建议你转移到他们更新的代码，看看它是否成功。在你的情况下：

<div class="fb-like" data-href="http://www.facebook.com/pages/Carolina-Designer-Cabinets/400436533396747" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>

如果您还没有，可能需要在页面底部包含以下JS。

<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 = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=465232306855359";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

fb像按钮没有显示在除chrome之外的任何浏览器上

1 个答案: