2013-02-07 297 views
1

我已經爲客戶端網站構建了視差介紹 - 由於預算有限,動畫只能在高端瀏覽器,IOS和ie9上運行。設備瀏覽器檢測

因此我需要建立在網站主頁的檢測腳本將會檢測到以下

IF:

  • IE9 /火狐/鉻/ Safari瀏覽器 - 保持當前的網站
  • IOS - 轉到IOS版本
  • 的Android - 跳轉到主站點
  • IE8及以下 - 跳到主站點

我在過去用PHP實現了'移動'檢測 - 但上面的內容非常具體,所以我不知道如何處理它。主要網站是aspx,所以我可以製作動畫頁面也可以進入一個aspx頁面並使用服務器端檢測,或者查看Javascript/jquery選項或插件 - 或者兩者的組合。

任何人都可以推薦一個好的解決方案嗎?

回答

1

嘗試用下面的代碼,使用navigator對象::

var ua = navigator.userAgent; 
    if(navigator.appName == "Netscape"){ //for Firefox, Safari and Chrome 
     //do nothing, stay on this page. 
     return; 
    } 
    else if(navigator.appName == 'Microsoft Internet Explorer'){ 
     //check for version 

     var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); 
     if (re.exec(ua) != null){ 
      version = parseFloat(RegExp.$1); 
     } 
     if(version >= 9.0){ 
      //do nothing, stay on this page. 
      return; 
     } 
     else{ 
      //redirect to the site for lower IE versions. 
     } 
    } 
    else if(ua.match(/Android/i)){ 
     //code for skipping to Android version 
    } 
    else if(ua.match(/iPhone/i)){ 
     //code for skipping to iPhone version 
    } 
    else if(ua.match(/iPad/i)){ 
     //code for skipping to iPad version 
    } 
+0

乾杯爲你的幫助Sohel - 雖然我已經添加了上述每種情況的警報,並且Iphone/Ipad/Android警報作爲第一個netscape選項 – Dancer

+0

我將iphone/ipad/android的if語句嵌套到netscape if語句中,並且它工作得很好!歡呼你的幫助! – Dancer

0

有一個JQuery對象$.browser它可以給你你需要什麼在javascript here是api調用。

在服務器端還有一個.net Request.Browser對象,here也是MSDN Api。