判斷手機和平板電腦客戶端進行相應跳轉的程式碼

admin發表於2017-03-20

隨著科技的進步移動客戶端逐漸佔有一席之地,並且市場佔有率也是越來越高,所以適合移動端的網頁逐漸成為一個網站的必須要素,所以要判斷當前客戶端是何種型別,然後調取不同的頁面,下面就是一段這樣的程式碼例項,希望能夠對需要的朋友有所幫助。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
  if(window.location.href.indexOf("?mobile")<0){
    try{
      if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
        window.location.href="手機頁面";
      }else if(/iPad/i.test(navigator.userAgent)){
        window.location.href="平板頁面";
      }else{
        window.location.href="其他移動端頁面"
      }
    }catch(e){}
  }
}

以上程式碼可以實現判斷然後進行相應的跳轉效果。


相關文章