JS前端开发判断是否是手机端并跳转操作(小结)
常用跳转代码
<scripttype="text/javascript"> //borwserRedirect (functionbrowserRedirect(){ varsUserAgent=navigator.userAgent.toLowerCase(); varbIsIpad=sUserAgent.match(/ipad/i)=='ipad'; varbIsIphone=sUserAgent.match(/iphoneos/i)=='iphoneos'; varbIsMidp=sUserAgent.match(/midp/i)=='midp'; varbIsUc7=sUserAgent.match(/rv:1.2.3.4/i)=='rv:1.2.3.4'; varbIsUc=sUserAgent.match(/ucweb/i)=='web'; varbIsCE=sUserAgent.match(/windowsce/i)=='windowsce'; varbIsWM=sUserAgent.match(/windowsmobile/i)=='windowsmobile'; varbIsAndroid=sUserAgent.match(/android/i)=='android'; if(bIsIpad||bIsIphone||bIsMidp||bIsUc7||bIsUc||bIsCE||bIsWM||bIsAndroid){ window.location.href='跳转的移动端网址'; } })(); </script> <scripttype="text/javascript"> <!-- //平台、设备和操作系统 varsystem={ win:false, mac:false, xll:false, ipad:false }; //检测平台 varp=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>
腾讯跳转
<scripttype="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|WindowsPhone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){ window.location.href="http://xw.qq.com/index.htm"; }elseif(/iPad/i.test(navigator.userAgent)){ //window.location.href="http://www.qq.com/pad/" }else{ window.location.href="http://xw.qq.com/simple/s/index/" } }catch(e){} } } } </script> <scripttype="text/javascript"> <!-- //平台、设备和操作系统 varsystem={ win:false, mac:false, xll:false, ipad:false }; //检测平台 varp=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>
JS判断浏览器客户端类型(ipad,iphone,android)
<scripttype="text/javascript"> varbForcepc=fGetQuery("dv")=="pc"; functionfBrowserRedirect(){ varsUserAgent=navigator.userAgent.toLowerCase(); varbIsIpad=sUserAgent.match(/ipad/i)=="ipad"; varbIsIphoneOs=sUserAgent.match(/iphoneos/i)=="iphoneos"; varbIsMidp=sUserAgent.match(/midp/i)=="midp"; varbIsUc7=sUserAgent.match(/rv:1.2.3.4/i)=="rv:1.2.3.4"; varbIsUc=sUserAgent.match(/ucweb/i)=="ucweb"; varbIsAndroid=sUserAgent.match(/android/i)=="android"; varbIsCE=sUserAgent.match(/windowsce/i)=="windowsce"; varbIsWM=sUserAgent.match(/windowsmobile/i)=="windowsmobile"; if(bIsIpad){ varsUrl=location.href; if(!bForcepc){ window.location.href="http://ipad.mail.163.com/"; } } if(bIsIphoneOs||bIsAndroid){ varsUrl=location.href; if(!bForcepc){ window.location.href="http://smart.mail.163.com/"; } } if(bIsMidp||bIsUc7||bIsUc||bIsCE||bIsWM){ varsUrl=location.href; if(!bForcepc){ window.location.href="http://m.mail.163.com/"; } } } functionfGetQuery(name){//获取参数值 varsUrl=window.location.search.substr(1); varr=sUrl.match(newRegExp("(^|&)"+name+"=([^&]*)(&|$)")); return(r==null?null:(r[2])); } functionfShowVerBlock(){ if(bForcepc){ document.getElementByIdx_x("dv_block").style.display="block"; } else{ document.getElementByIdx_x("ad_block").style.display="block"; } } fBrowserRedirect(); </script>
以上所述是小编给大家介绍的JS前端开发判断是否是手机端并跳转操作,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对毛票票网站的支持!