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

Question

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

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

具有讽刺意味的是。在调试工作中，我将页面(包含fb:login-button)保存为静态页面，然后将其加载到Safari中。随即显示该按钮，一切正常!

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

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

Answer 1

我发现了这可能发生的另一种方式(怪我为愚蠢的方式)。这可能并不常见，但是如果这样可以省去其他人的麻烦，这里是:

也可能是由于各种安全工具阻止了Facebook资源而导致的。

就我而言，我很早以前就在Chrome上安装了Facebook Disconnect作为插件，却忘记了所有要安装的内容。我还安装了第二套Chrome浏览器，该看似完全相同(但没有安装Facebook Disconnect)。第一个可以正确加载fb:login-button，而另一个则不能；在查看插件之前，我花了很长时间，因为Facebook Disconnect没有图标，因此它的存在很容易让我错过。

如果某种安全插件阻止了Facebook资源的加载，这就是您所看到的。只需使用开发人员工具查看在浏览器中呈现的html。

在普通的chrome session 中，您将得到如下结果:
<fb:login-button><a class="fb_button fb_button_medium"><span class="fb_button_text">Your text here</span></a></fb:login-button>
但是在禁用了Facebook资源的版本中，您将得到以下结果:
<fb:login-button>Your text here</fb:login-button>
就像我说的，回想起来很明显。