在较小的屏幕/移动设备上删除Facebook Likebox

时间:2012-09-21 06:18:45

标签: facebook responsive-design facebook-likebox

是否有一种方法无法显示并且重要的是没有在具有特定屏幕尺寸的设备上加载Facebook Likebox(例如:不在智能手机上)或某些数据连接(不是wifi),相似框会显着降低网站的速度。 / p>

所以方法显示:none;别无选择。

2 个答案:

答案 0 :(得分:1)

目前无法(可靠地)查询数据连接类型。

我可以建议采用不同的方法吗?也许你可以使用javascript按需加载likebox,方式是techcrunch.comenter.co。只有当您将鼠标悬停在某些占位符图像上时,这些网站才会加载社交按钮。

这样,您不仅可以优化移动屏幕,还可以优化所有设备。如果仍然需要,可以在加载按钮之前检查视口大小,或者在媒体查询中使用display:none,这样就不会显示占位符图像 - 并且无法加载按钮。

答案 1 :(得分:1)

为什么不是基于条件的简单回声?

对于连接,您可以使用以下代码来获得用户的速度:http://www.emanueleferonato.com/2006/05/31/determine-connection-speed-with-php/

然后if语句如果速度高于56k,输出likebox代码?

对于手机,您可以在获取浏览器用户代理后执行相同的操作。