Facebook 评论框在 iPhone / Safari 中不起作用

Posted 2023-03-14

【中文标题】Facebook 评论框在 iPhone / Safari 中不起作用

【英文标题】：Facebook comment box not working in iPhone / Safari

【发布时间】：2012-05-30 06:51:05

【问题描述】：

我有一个与 Facebook 评论框（社交插件）集成的页面，该页面在桌面浏览器中完美运行，但是当我使用 iPhone 浏览页面时它无法正常工作，Facebook“加载”不断显示并且评论框没有' t出来。

我也厌倦了以下内容：

用安卓手机浏览同一个页面，OK

用iphone第3方浏览器浏览同一页面（我用的是二维码扫描浏览器），OK

用 iphone safari 浏览同一页面，不行

我在 1 月份在 facebook 上发现了这个错误报告，但没有回复：https://developers.facebook.com/bugs/171818679588280?browse=search_4f26fb988bf8d0c61735624

有人对此有想法吗？非常感谢！

【参考方案1】：

cmets 插件没有 iframe 代码 - html5 代码有效，但它不会为 iphone 调整大小，这会导致很多布局问题。我使用了 iphone 大小的条件 css：（您必须将代码包装在具有“facebook-wrap”类的 div 中）

@media screen and (max-width: 460px)  
.facebook-wrap iframe 
width:300px!important;
left:0!important;
position:relative!important;
max-width:100%;

.comments_wrap.sectionpadding:0   

【讨论】：

我猜这个问题是由于 ios 版本而发生的 - 实际上我已经在使用 HTML5 代码，但是它在 iOS 5 中的一台机器上工作，但在 iOS 4 中的另一台机器上却失败了。无论如何，谢谢为您的回复:)

【参考方案2】：

使用“iframe”代码而不是 javascript