移动和平板电脑特定网站答案

【问题标题】：Mobile and tablet specific websites移动和平板电脑特定网站
【发布时间】：2013-11-08 16:16:20
【问题描述】：

我了解在构建响应式网站时使用 @media-queries 的概念，以及作为一个单一网站，它如何在不同的平台上运行……但是创建一个响应式网站的最佳方式是什么？ 单独的或二级网站，仅适用于移动设备和平板设备？

如果我有以下网站 - mywebsite.com 并在我的目录上创建一个文件夹，例如名为 m，这样我就有了一个类似于 @987654323 的子域名@，我如何告诉设备在某些设备上显示辅助网站m.mywebsite.com，而不是mywebsite.com？

【问题讨论】：

标签： javascript html .htaccess css

【解决方案1】：

这将对您有所帮助：http://detectmobilebrowsers.com/ 它包含所有语言。

【讨论】：

【解决方案2】：

与上一个答案一样，我使用detectmobilebrowsers，实际上是jQuery 插件。那么你需要做的就是：

$(document).ready(function(){
  if($.browser.mobile && $.cookie("mobile")!="false") { //the cookie is set only if a user on the mobile website prefers to use the desktop website
    window.location.href = "http://m.mywebsite.com/";
  }
}

【讨论】：