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

【问题标题】：Which technique to hide right column with heavy content?哪种技术可以隐藏内容丰富的右栏？
【发布时间】：2014-06-05 08:59:41
【问题描述】：

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

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

我该怎么办？

【问题讨论】：

您需要在服务器端工作，检测 USer Agent，如果是移动设备，请不要加载该部分视图。如果你访问 Packagist（根据你使用的标签，我猜你是用 php 开发的）那里有一些很好的库

【解决方案1】：

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

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

【讨论】：

啊哈，现在我开始明白了。那里也写了关于 RESS 概念的，我刚刚学到了！我唯一担心的是设备检测。我必须跟上新设备的发布时间吗？
@PeterWesterlund 好吧，您可能不必这样做，因为它只查找制造商字符串（如三星、HTC、Apple），而且您并不是每天都能在移动市场上获得新玩家.但是我链接的那些似乎会保持他们的库是最新的，所以你不必担心太多。

【解决方案2】：

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

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

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

【讨论】：