javascript - 检测移动浏览器发出请求调用

Question

我正在尝试制作一个网站。强制症是它应该适用于 Iphone、Android、Samsung Galaxy S/S2、Ipad、Samsung 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>