javascript - 移动和平板电脑特定网站

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