移动和平板电脑专用网站

Question

我理解在构建响应式网站时使用@ media-queries的概念，以及如何在单个网站上运行不同的平台...但是创建单独或辅助网站的最佳方式是什么，专门用于移动和平板设备？

如果我有以下网站 - mywebsite.com并在我的目录上创建一个文件夹，例如m ，那么我有一个m.mywebsite.com行的子域名，我怎么告诉设备显示某些设备上的辅助网站m.mywebsite.com ，而不是mywebsite.com ？

Answer 1

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

Answer 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/";
  }
}