檢測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

回答

相關問題