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

标签 safari google-chrome webkit fbconnect

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

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

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

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

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

最佳答案

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

也可能是由于各种安全工具阻止了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>
就像我说的,回想起来很明显。

关于safari - Facebook Connect按钮未显示在Safari/Chrome中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/810568/

相关文章:

css - Chrome 中的背面可见性损坏(某些平台/版本)

html - 网站在 Safari 中表现异常

javascript - hasPasswordField_ 引发的 Facebook iFrame 安全错误 (document.domain)

google-chrome - 谷歌浏览器开发者工具 : Element selection based on css class

javascript - 在 iPad(Safari 和 Chrome)上渲染时,为什么 Canvas 中会出现白线?

css - 编辑输入类型 ="search"伪元素 Button ('x' )

javascript - 如何从文件夹中读取文件

javascript - JS Keycode 与 Safari mobile 是一样的

javascript - Safari IOS 10 上的错误 : The quota has been exceeded.

.htaccess - Safari html5 视频 mp4 无法在 htaccess 文件夹中播放,