前端開發經常遇到需要判斷用戶的瀏覽設備,是pc端還是移動端,移動端使用的是什么手機系統?android、ios、ipad、windows phone等等,有時候還需要知道用戶瀏覽頁面是在微信中打開還是在移動端瀏覽器中打開,等等一系列判斷做一些相應的處理。
1、首先判斷pc端還是移動端。
1 function IsPC() { 2 var userAgentInfo = navigator.userAgent; 3 var Agents = ["Android", "iPhone", 4 "SymbianOS", "Windows Phone", 5 "iPad", "iPod"]; 6 var flag = true; 7 for (var v = 0; v < Agents.length; v++) { 8 if (userAgentInfo.indexOf(Agents[v]) > 0) { 9 flag = false; 10 break; 11 } 12 } 13 return flag; 14 }
2、判斷用戶移動端使用的系統平台
1 var u = navigator.userAgent; 2 if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { 3 //安卓手機 4 } else if (u.indexOf('iPhone') > -1) { 5 //蘋果手機 6 } else if (u.indexOf('Windows Phone') > -1) { 7 //winphone手機 8 }
3、判斷用戶是否在微信中打開
1 function isWeiXin(){ 2 var ua = navigator.userAgent.toLowerCase(); 3 if(ua.indexOf('micromessenger') != -1) { 4 return true; 5 } else { 6 return false; 7 } 8 }