JavaScript判斷手機、平板電腦客戶端程式碼

admin發表於2018-08-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){} 
  } 
}

上面程式碼實現了判斷功能,實際應用中只要稍作修改即可。

相關文章