当前位置：文江博客话题详情

Facebook Connect 按钮未显示在 Safari/Chrome 中

发布于 2024-07-17 18:20:03 字数 336 浏览 5 评论 0原文

我的 Facebook Connect 实现（只是一个简单的登录按钮，fb:login-button）在 Firefox 和 IE 上完美运行。

但相同的按钮没有显示在 Safari/Chrome (Webkit) 中。

讽刺的是。在我的调试工作中，我将页面（包含 fb:login-button）保存为静态页面，然后将其加载到 Safari 中。按钮出现，一切正常！

我的 PHP 呈现的完全相同的页面（具有完全相同的 HTML 源代码）无法调出该按钮。

我正在努力支持 Webkit，但我已经快要放弃了。有人可以帮忙吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

神回复 2024-07-24 18:20:03

我发现了另一种可能发生这种情况的方式（责备自己愚蠢的方式）；这可能并不常见，但万一可以省去其他人的麻烦，那就是：

这种症状也可能是由各种安全工具阻止 Facebook 资源引起的。

就我而言，我很久以前就在 Chrome 中安装了 Facebook Disconnect 作为插件，但完全忘记了它的安装。我还安装了第二个 Chrome，看起来完全相同（但没有 Facebook Disconnect）。第一个将正确加载 fb:login-button，而另一个则不会；我花了很长时间才看到这些插件，因为 Facebook Disconnect 没有图标，所以我很容易错过它的存在。

如果某种安全插件阻止加载 Facebook 资源，您将看到以下内容。只需查看使用开发人员工具在浏览器中呈现的 html 即可。

在正常的 Chrome 会话中，您最终会看到如下内容：

Your text here< ;/span>

但是在禁用 facebook 资源的版本中，您最终会得到这样的结果：

您的这里的文字

就像我说的，回想起来非常明显。

回复收藏 0 原文

画尸师 2024-07-24 18:20:03

遇到了同样的问题，但它与插件或格式错误的内容无关。看来如果您在 Facebook 页面上启用国家/地区过滤，那么“赞”按钮就会出现问题，这应该是相当明显的。 Facebook 从您的个人资料而不是您的 IP 地址获取您的位置。

如果您打算使用社交插件，请确保禁用国家/地区锁定。

回复收藏 0 原文

难得心□动 2024-07-24 18:20:03

这可能是由于安装了 ClickToFlash。禁用它，或在 ClickToFlash 设置中选中“自动加载不可见的 Flash 视图”。

回复收藏 0 原文

私藏温柔 2024-07-24 18:20:03

我们发现，如果您的页面带有 XHTML 响应标头（ >application/xhtml+xml）。
使用 text/html 解决了这个问题。

对于我们使用的 JSF2，实现修复就像包装 FB 按钮一样简单：

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:fb="http://www.facebook.com/2008/fbml"
    xmlns:f="http://java.sun.com/jsf/core">

...

    <f:view contentType="text/html">
        <fb:login-button>Login using Facebook</fb:login-button>
    </f:view>

此处的 Facebook 错误报告：
http://bugs.developers.facebook.net/show_bug.cgi?id=5545

What we found out is that Safari (and maybe some older versions of Chrome or other WebKIT browsers) have a problem with Facebook's code using the innerHTML JS function if your page arrives with an XHTML response header (application/xhtml+xml).
Using text/html solves the issue.

In case of JSF2, which we use, the implementing the fix was as simple as wrapping the FB button like this:

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:fb="http://www.facebook.com/2008/fbml"
    xmlns:f="http://java.sun.com/jsf/core">

...

    <f:view contentType="text/html">
        <fb:login-button>Login using Facebook</fb:login-button>
    </f:view>

Facebook bug report here:
http://bugs.developers.facebook.net/show_bug.cgi?id=5545

回复收藏 0 原文

饮惑 2024-07-24 18:20:03

我遇到了 Facebook 按钮根本不显示的问题，我花了很长时间才弄清楚它是什么。幸运的是，经过几天的拉扯，我现在将答案与大家分享。在我的情况下，我根本没有启用 xfbml。在我的 FB.init 中，我将其设置为 false：

    FB.init({
        appId       : 'app_id', // App ID
        status      : true, // check login status
        cookie      : true, // enable cookies to allow the server to access the session
        xfbml       : false,  // parse XFBML
        oauth       : true // enable OAuth 2.0
    });

我将其更改为“true”(xfbml)，并且登录按钮现在工作得很好！ :P 祝你好运！

I had this problem with the Facebook button not showing at all and it took me forever to figure out what it was. Luckily after days of hair pulling I will now share the answer with everyone. In my situation I simply didn't have xfbml enabled. In my FB.init I had it set to false:

    FB.init({
        appId       : 'app_id', // App ID
        status      : true, // check login status
        cookie      : true, // enable cookies to allow the server to access the session
        xfbml       : false,  // parse XFBML
        oauth       : true // enable OAuth 2.0
    });

I changed this to "true" (xfbml) and the login buttons works great now! :P Good luck!

回复收藏 0 原文