将用户从自适应站点切换到桌面版本答案

【问题标题】：Switch user from adaptive to desktop version of site将用户从自适应站点切换到桌面版本
【发布时间】：2014-03-01 10:28:52
【问题描述】：

我有一个桌面和自适应（在 css 中使用媒体查询）设计的网站。如果用户从移动小工具访问它，我如何显示我的网站的桌面版本？我脑子里只有一个想法：

设置 cookie（例如之前的 siteVersion = mobile)。
如果用户选择桌面版本（通过单击按钮、链接...但是）将此 cookie 设置为“桌面”，并在刷新页面后加载带有桌面设计的 css。

有人有其他想法吗？也许有人对此有一些经验？

【问题讨论】：

你在这里做错了。如果您想要一个自适应（响应式）网站，那么它已经包含了该网站的桌面版本。此时无需重定向移动用户。因此，我对您的要求感到困惑。
我非常了解自适应原则以及自适应构造和哲学的“低级”，但我需要让用户有机会选择他们想要看到和使用的设计。
假设您有 2 种不同的网站设计，并且您希望用户选择使用特定的一种。如果是这种情况，您可以使用 cookie 来存储用户所需的状态。如果您有兴趣使用 PHP 实现解决方案，请查看 PHP Sessions。

标签： javascript html css

【解决方案1】：

所以，@jared gotte 所说的 - “自适应”意味着网页可以适应设备功能，而无需从服务器提供不同的内容。所以在这方面你的问题有点荒谬。

但是，也就是说，大多数 [大型] 网站处理向移动 .vs 提供不同内容的方式。桌面是通过设置不同的子域。例如，Facebook 使用www.facebook.com 表示网站的桌面版本，m.facebook.com 表示移动版本。当用户第一次访问该站点时，服务器会查看 User-Agent 标头以决定他们正在使用什么类型的设备并适当地重定向它们。如果/当你想在客户端两者之间切换，你可以使用JS到redirect their browser。

需要注意的是，您需要设置 DNS 主机名，并让您的服务器代码了解传入请求的 Host 标头。

【讨论】：

我没有两种不同的设计。我已经有了具有自适应布局的网站。我有开发移动和自适应布局的经验，我知道这些技术的不同之处。但我不知道如果用户“想”从移动小工具访问它，如何将用户从自适应切换到桌面版本。

【解决方案2】：

将您的桌面 CSS 放在一个 CSS 文件中。将您的自适应内容放在另一个 CSS 文件中。为用户服务。但是，如果用户说“给我看桌面版本”，请停止为他们提供自适应 CSS 文件。

【讨论】：