检测移动浏览器发出请求呼叫

Question

我正在努力建立一个网站.强迫它应该适用于Iphone,机器人,三星Galaxy S/S2,Ipad,三星Galaxy Tab等.并且必须给予相同的经验.有没有办法检测移动浏览器正在发出页面请求,并相应地使用Jquery应用为它制作的CSS？我想严格使用HTML5,Jquery,CSS3.

Answer 1

页面顶部的默认样式表

 <link rel="stylesheet" href="default.css" type="text/css">

扩展jquery库以检测iphone/ipad

 <script type="text/javascript">
      jQuery.extend(jQuery.browser,
      {SafariMobile : navigator.userAgent.toLowerCase().match(/iP(hone|ad)/i) }
 );
 </script>

然后检查浏览器是否属于类型并相应地更改样式表

 <script type="text/javascript">
      $(function(){
        if($.browser.SafariMobile){
          $("link[rel=stylesheet]").attr({href : "iphone.css"});
        }
      })
 </script>