Facebook Like 按钮的 JavaScript SDK 版本是不是可以在 IE 上运行?

Posted

技术标签:

【中文标题】Facebook Like 按钮的 JavaScript SDK 版本是不是可以在 IE 上运行?【英文标题】:Does the Javascript SDK version of the Facebook Like button w/ comments work on IE?Facebook Like 按钮的 JavaScript SDK 版本是否可以在 IE 上运行? 【发布时间】:2010-10-12 17:50:07 【问题描述】:

关于如何让 Facebook Like 按钮工作有很多问题,但我想知道:有谁知道 Facebook Like 按钮的示例,用 XFBML 和 javascript 编码,点击它会使 cmets框出现在 Internet Explorer 中?具体来说,我试图弄清楚这种行为在 IE 上是否损坏。我知道特定行为在 Firefox 和 Safari 下有效。

我看到了 iframe 版本的 Like 按钮的示例,当您单击“Like”时,该按钮会在 IE 中弹出 cmets 框。但那是 iframe 版本,而不是 xfbml / javascript 版本。此外,(很奇怪)如果您没有打开 show_faces,则喜欢按钮的 iframe 版本不会显示 cmets 框。

Levi's 网站在 Like 使用方面堪称黄金标准。查看http://us.levi.com/family/index.jsp?categoryId=4305605&cp=3146842.3146844.3146854——带有cmets 的Like 按钮适用于Firefox 和Safari,但不适用于IE。

这里有很多不同的移动部分需要追踪——例如,命名空间、app_ids、xhtml doctype 等。但在我深入之前,我只是想知道 javascript / FBML 版本的像按钮与 cmets 曾经在 IE 下工作吗?如果有的话,在某个地方有没有例子?我从来没有见过。

谢谢!

【问题讨论】:

【参考方案1】:

是的,我在 http://www.WasupPalmSprings.com 的 IE 中工作。如果您从主页单击任何故事,底部会有一个“赞”按钮,显示 IE 中的 cmets 框。

我遇到了评论框在其他网站的 IE 中未显示的问题。这是我使用的清单:

    确保您在页面的 HTML 标记中具有正确的 xmlns 属性。

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    确保您的页面上有

    确保您已为您的网页设置了一个应用程序,因为您需要一个应用程序 ID。如果您没有应用程序,请在此处创建一个:http://www.facebook.com/developers/

    使用 javascript 加载 Facebook 连接 javascript 文件。不要只在页面上放置

请务必将您创建的 Facebook 应用中的实际应用 ID 替换为“在此处插入您的应用 ID”

  window.fbAsyncInit = function() 
    FB.init(appId: 'INSERT YOUR APP ID HERE', status: true, cookie: true,
             xfbml: true);
  ;
  (function() 
    var e = document.createElement('script');
    e.type = 'text/javascript';
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
  ());

    为您的页面添加带有开放图形信息的元标记。

    最后,将“赞”按钮添加到您希望它出现在页面上的任何位置。请务必替换您自己的网页网址。

【讨论】:

以上是关于Facebook Like 按钮的 JavaScript SDK 版本是不是可以在 IE 上运行?的主要内容,如果未能解决你的问题,请参考以下文章

自定义简单的like按钮(不是facebook)

在 facebook fanpage 标签上嵌入 facebook like 按钮

Facebook Like 按钮和应用程序 ID?

Blogger上的Facebook“Like”按钮

phonegap应用程序中的Facebook Like按钮?

Facebook Like 按钮 + Phonegap