【web前端技术】判断是否是手机端

通常在判断浏览终端类型时，会用后端来判断请求时从哪种设备发出的，根据请求中的User-Agent来判断，但是在某些情况下，还是会用到前端检测终端类型，并进行操作，本文就是在解决这个问题。在查阅了大量网络资料后，我将这些资料进行了整理。

每个客户端都带有自身的UA标识，通过JavaScript，可以获取客户端标识，我们可以获取浏览器的userAgent，用正则来判断手机是ios（苹果）还是Android（安卓）客户端。

常用跳转代码

以下是一段常用的前端检测设备类型，然后进行跳转的代码，以下代码你可以进行随意复制，修改，以达到你所要求的效果。

<script type="text/javascript"> // borwserRedirect (function browserRedirect(){ 
     var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad'; var bIsIphone = sUserAgent.match(/iphone os/i) == 'iphone os'; var bIsMidp = sUserAgent.match(/midp/i) == 'midp'; var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == 'rv:1.2.3.4'; var bIsUc = sUserAgent.match(/ucweb/i) == 'web'; var bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce'; var bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile'; var bIsAndroid = sUserAgent.match(/android/i) == 'android'; if(bIsIpad || bIsIphone || bIsMidp || bIsUc7 || bIsUc || bIsCE || bIsWM || bIsAndroid ){ 
     window.location.href = '跳转的移动端网址'; } })(); </script> <script type="text/javascript"> <!-- //平台、设备和操作系统  var system = { 
     win: false, mac: false, xll: false, ipad:false }; //检测平台  var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false; //跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面  if (system.win || system.mac || system.xll||system.ipad) { 
     } else { 
     window.location.href = "http://www.jdpatro.com/3g/"; } --> </script> 

腾讯跳转

以下代码来自某腾讯的网页中的代码，同样可以起到检测网页终端，并进行跳转的功能。

<script type="text/javascript"> if(window.location.toString().indexOf('pref=padindex') != -1){ 
     }else{ 
     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|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){ 
     window.location.href="http://xw..com/index.htm"; }else if(/iPad/i.test(navigator.userAgent)){ 
     //window.location.href="http://www..com/pad/" }else{ 
     window.location.href="http://xw..com/simple/s/index/" } }catch(e){ 
    } } } } </script> <script type="text/javascript"> <!-- //平台、设备和操作系统  var system = { 
     win: false, mac: false, xll: false, ipad:false }; //检测平台  var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false; //跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面  if (system.win || system.mac || system.xll||system.ipad) { 
     } else { 
     window.location.href = "http://www.jdpatro.com/3g/"; } --> </script>