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

时间:2013-11-06 23:17:00

标签: javascript html css

我有一个桌面和自适应(用css中的媒体查询)设计的网站。如果用户通过移动设备访问我的网站版本,如何显示该网站的桌面版本?我头脑中只有一个想法:

  1. 先设置Cookie(例如siteVersion = mobile)
  2. 如果用户选择桌面版本(通过点击按钮,链接...但是)将此cookie设置为“桌面”,并在刷新页面加载带有桌面设计的CSS后。
  3. 有没有人有其他想法?也许有人有经验吗?

2 个答案:

答案 0 :(得分:1)

那么,@ jared得到了什么 - "自适应"意味着可以适应设备功能的网页,而无需从服务器提供不同的内容。所以在这方面你的问题有点荒谬。

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

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

答案 1 :(得分:1)

将桌面CSS放在一个CSS文件中。将自适应的东西放在另一个CSS文件中。同时为用户服务。但是,如果用户说“向我显示桌面版本”,请停止向他们提供自适应CSS文件。