Facebook评论插件在iPad上显示手机宽度

Facebook评论插件在iPad上显示手机宽度,facebook,width,facebook-comments,Facebook,Width,Facebook Comments,正如标题所说。如果你有一台iPad,这里有一个URL——我如何删除iPad评论插件的响应宽度?(页面底部)我也遇到了这个问题。我通过手动添加data mobile属性设置为false解决了这个问题,如果我在iPad上检测到这个问题: <script> if (navigator.userAgent.match(/\biPad\b/)) { document.querySelector('div.fb-comments') .setAtt

正如标题所说。如果你有一台iPad,这里有一个URL——我如何删除iPad评论插件的响应宽度?(页面底部)

我也遇到了这个问题。我通过手动添加
data mobile
属性设置为
false
解决了这个问题,如果我在iPad上检测到这个问题:

<script>
    if (navigator.userAgent.match(/\biPad\b/)) {
        document.querySelector('div.fb-comments')
            .setAttribute('data-mobile', 'false');
    }
</script>

if(navigator.userAgent.match(/\biPad\b/)){
document.querySelector('div.fb-comments'))
.setAttribute('data-mobile','false');
}

这一点在处理其他平板电脑时也可以改进,但最好的方法取决于Facebook如何自动检测“手机”,我不确定这一点。可能是基于显示宽度,可能是基于触摸事件处理程序的存在,或者可能确实是服务器端的用户代理。

这很好。我已经将上面的脚本添加到HTML中,但它不起作用?还有什么我需要补充的吗?如果您查看源代码,我已经在底部添加了Facebook脚本标记-您需要在实际的Facebook评论元素上设置
mobile
属性。您使用的是FBXML,因此它是
元素。我不知道该怎么问,但也许其他人会问。你可以试着切换到HTML5代码——看起来像
,这就是我上面的代码所引用的。那么,我可以替换我上面使用的代码吗?谢谢你的帮助。我已经将你告诉我要添加的代码添加到这个页面的底部,并更新了CSS,但现在它根本不显示了?你没有用你的应用程序ID替换你的应用程序ID。我不想将你的应用程序ID包含在公开摘要中,尽管这可能并不坏,因为它已经在你网站的源代码中公开了。