我有一个网站在iframe中有一个FB Like-box(附带代码)iframe在PC,笔记本电脑和Android平板电脑上运行良好,但iframe的内容没有出现在移动设备上(在诺基亚Lumia 610和625以及iPhone 4s上尝试过它,但它出现在mobiletest.me模拟的移动设备上(不确定那个Gizmo的结果有多可靠)。我已经清除了缓存,因为内容出现在其他设备上,所以年龄不是geo都不是问题,我没有在代码周围逛逛 - 所以为什么它不适用于手机?
<div class="col-lg-12 col-md-12 col-sm-12 column">
<div class="fb" id="News">
<b class="pink" style="font-size: x-large; line-height: 45px;">We've been busy...
</b>
<br />
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FABCFencingltd&width&height=395&colorscheme=light&show_faces=false&stream=true"
height="395" width="100%" seamless="seamless"></iframe>
</div>
<br />
</div>
答案 0 :(得分:0)
请注意,http://mobiletest.me/之类的模拟器并不能完全模拟它在不同小工具上的显示方式。这些类型的网站无法复制与特定小工具使用的设置或操作系统相同的设置或操作系统。
原生模拟器更准确,例如OS X中xcode的iphone模拟器。因为它可以准确显示它在iPhone中的显示方式。它使用与iphone / ipad相同的设置和操作系统。
在手机中,大多数情况下,您必须在看到盒子之前登录。我认为这是因为当用户没有登录时,用户可以看到类似按钮的麻烦。
答案 1 :(得分:0)
我找到了答案,而且很简单:
从Facebook地址的开头删除http:。