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

Question

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

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

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

Answer 1

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

Answer 2

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

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

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