检测Ipad，平板电脑或移动设备使用jQuery

-1

我有一个网站使用ASP.NET，C＃和Jquery构建。根据要求我让该网站响应。手段，网站应在任何分辨率，如iPad，平板电脑或手机以及台式机和笔记本电脑中打开。检测Ipad，平板电脑或移动设备使用jQuery

但现在还有一个要求，比如在iPad，平板电脑或手机视图中打开网站，然后需要一个div类，我需要使用jquery提供动态css风格。

目前，台式机和笔记本电脑的分辨率没有问题。只有手机，平板电脑和iPad的问题。

那么，我需要知道的是 如何检测使用Jquery的Ipad，平板电脑或移动设备中的网站是否打开？

2015-04-17 Nimesh

这不是Android的编程。在网页部分询问。 – Wildcopper

可能的重复[在jQuery中检测移动设备的最佳方法是什么？]（http://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-mobile-设备在jquery） – Manu

使用JavaScript函数来检测移动设备

var isMobile = { 
    Android: function() { 
     return navigator.userAgent.match(/Android/i); 
    }, 
    BlackBerry: function() { 
     return navigator.userAgent.match(/BlackBerry/i); 
    }, 
    iOS: function() { 
     return navigator.userAgent.match(/iPhone|iPad|iPod/i); 
    }, 
    Opera: function() { 
     return navigator.userAgent.match(/Opera Mini/i); 
    }, 
    Windows: function() { 
     return navigator.userAgent.match(/IEMobile/i); 
    }, 
    any: function() { 
     return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); 
    } 
}; 

if(isMobile.any()) { 
    alert("This is a Mobile Device"); 
}

另一个JavaScript伎俩来检测移动设备

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { 
    // tasks to do if it is a Mobile Device 
    alert("Mobile Detected"); 

}

Detect Mobile Browser有脚本来检测手机大集合设备。您可以获得针对Apache，ASP，ASP.NET，ColdFusion，C＃，IIS，JSP，JavaScript，jQuery，Lasso，nginx，node.js，PHP，Perl，Python，Rails等移动设备检测脚本

来源

2015-04-17 11:50:23

浏览器嗅探真的是过去的事情。功能检测应该是... – Shikkediel

当然，我不是讨厌...但我会考虑一个屏幕大小检查，然后一个'ontouchstart'布尔窗口排除所有，除了可能键盘触摸板。 – Shikkediel

@Shikkediel ..我同意！在CSS'@ media'查询中可以实现更多的屏幕大小检查，这比js ..方便得多，然后我认为我的答案是不合适的，以实现这些.. :) –

我有在JavaScript函数下面创建并创建两个css类。 1.左部分 2.右键部分

如果我发现窗口的大小是< = 768（手机，平板电脑或ipad）在这种情况下我保持左侧的HTML在一个变量中，然后将其追加在右侧部分，然后清除左侧的html。

在这里，你可以检查

<script type="text/javascript"> 
    var tempListing; 
    $(document).ready(function() { 
     tempListing = $(".left_side").html(); // Keep HTML in this variable. 



     var win = $(this); //this = window 
     if (win.width() <= 768) { //This will check windows resolution means width 
      if (tempListing.trim().length > 0) { 
       $(".right_side").append(tempListing); 
       $(".left_side").html(''); 
      } 
     } 
    });

来源

2015-04-17 15:03:23 Nimesh

检测Ipad，平板电脑或移动设备使用jQuery

回答

相关问题