哪种技术可以隐藏含有大量内容的右栏?

时间:2014-06-05 08:59:42

标签: javascript php mobile responsive-design device-detection

我正在为一本很棒的杂志建立一个移动网站,其中包含大量内容。现在的问题是我必须在移动网站上隐藏整个右栏(是的,在这种情况下我需要它)。

我对移动设计做了很多研究,阅读了很多文章,但找不到解决这个问题的解决方案。通常使用CSS或JS隐藏右列。但是一切都还在加载。在这种情况下,右栏是如此之大,内容很多,似乎值得加载它以使页面加载速度更快。

我该怎么办?

2 个答案:

答案 0 :(得分:1)

您应该能够在后端检测用户的浏览器(我假设您正在使用PHP),然后创建一个简单的控制结构,您可以决定是否加载或不加载您站点上的右侧列。 / p>

以下是一些您可能会觉得有用的库(显然您不必为了这么简单的任务重新发明轮子):

答案 1 :(得分:0)

如果您认为移动用户无法看到该内容不是问题,那么您就不应该加载它。有一些php类可以检查移动设备,基于此类,您可以决定不加载某些内容。有一个问题 - php类只能基于用户代理设置而不是浏览器大小,因此理论上有高分辨率移动设备的人无论如何都无法看到该内容。

在我的脑海中还有一个想法 - 你不能在php中加载内容,但在加载一般内容后,检查js视口宽度,如果有足够的位置,最后通过ajax加载部分内容。

总之,由于我们不了解您的网站内容,因此由您自行决定是否可以根本不显示部分内容(适用于移动设备)。在这种情况下,当分辨率改变时,用户仍然无法看到它(即,将设备位置水平地改变为垂直)。当然,在这种情况下,页面加载速度会更快,这对移动互联网连接也很重要。