移动和平板电脑专用网站

时间:2013-11-08 08:08:41

标签: javascript css html5 .htaccess css3

我理解在构建自适应网站时使用@ media-queries的概念,以及如何作为单一网站,它可以在不同的平台上运行......但是创建一个网站的最佳方式是什么? 单独辅助网站,专用于移动和平板电脑设备?

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

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分: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/";
  }
}