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前端开发判断是否是手机端并跳转操作，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的，在此也非常感谢大家对毛票票网站的支持！