javascript - 哪种技术可以隐藏内容丰富的右栏？

Question

我正在为一本很棒的杂志建立一个移动网站，其中包含很多内容，其中部分内容很重。现在的问题是我必须隐藏移动网站上的整个右栏（是的，在这种情况下我需要它）。

我对移动设计进行了很好的研究，阅读了很多文章，但找不到解决这个问题的解决方案。通常用 CSS 或 JS 隐藏右列。但后来一切仍然加载。在这种情况下，右栏很大，内容很多，不加载它似乎是值得的，因为页面加载得更快。

我应该怎么办？

Answer 1

您应该能够在后端检测到用户的浏览器（我假设您使用的是 PHP），然后制作一个简单的控制结构，您可以在其中决定是否在您的站点上加载右侧的列。

这里有一些你可能会觉得有用的库（显然你不应该为这样一个微不足道的任务重新发明轮子）：

• http://mobiledetect.net/
• https://github.com/serbanghita/Mobile-Detect
• http://detectmobilebrowsers.com/（使用正则表达式）

Answer 2

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

我脑海中的另一个想法-您不能在php中加载内容，但是在加载一般内容后，检查js视口宽度并最终通过ajax加载部分内容，如果有足够的地方。

总之，由于我们不知道您的网站内容，因此您可以自行决定是否有能力完全不显示部分内容（对于移动设备）。在这种情况下，当分辨率发生变化时，用户仍然无法看到它（即将设备位置从水平更改为垂直）。当然，在这种情况下，页面加载速度会更快，这对于移动互联网连接也可能至关重要。