怎样判断手机端和电脑端自动跳转到各自的页面

 我来答
分享教育知识的小花老师
高粉答主

2020-06-11 · 说的都是干货,快来关注
知道答主
回答量:945
采纳率:100%
帮助的人:16.5万
展开全部

判断是否pc端还是wap,也可以单位写两个js文件放到wap站head里,详细步骤:

1、二者大不相同,所以用加载不同的css等方式不好实现,而我们加用下面的JS代码后,问题就变得很简单。代码1:

<script type="text/javascript">

<!-- 

//平台、设备和操作系统

varsystem={

win:false,

mac:false,

xll:false

};

//检测平台

varp=navigator.platform;

system.win=p.indexOf("Win")==0;

system.mac=p.indexOf("Mac")==0;

system.x11=(p=="X11")||(p.indexOf("Linux")==0);

//跳转语句,如果是手机访问就自动跳转到wap.baidu.com页面

if(system.win||system.mac||system.xll){

}else{

window.location.href="手机站链接";

}

-->

</script>

否则打开网站默认页面。

2、代码2:

<script type="text/javascript">

functionbrowserRedirect(){

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||bIsIphoneOs||bIsMidp||bIsUc7||bIsUc||bIsAndroid||bIsCE||bIsWM){

window.location.href='手机站链接';

}else{

window.location='PC站链接';

}

}

browserRedirect();

</script>

3、引入代码后系统可以自动判断是手机平板等移动设备还是PC客户端,而打开不同的页面,而展示我们设置的相应页面,交互友好,更有利于留住客户,wbapp:

4、PC端:

iceye999999999
2017-11-03 · 知道合伙人教育行家
iceye999999999
知道合伙人教育行家
采纳数:11898 获赞数:94583
国家级课例三等奖 优秀教师

向TA提问 私信TA
展开全部

你好

  • //平台、设备和操作系统

    var system ={

    win : false,

    mac : false,

    xll : 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);

    //跳转语句,如果是手机访问就自动跳转到wap.baidu.com页面

    if(system.win||system.mac||system.xll){

    }else{

    window.location.href="手机站链接";

    }

    -->

    </script>

    否则打开网站默认页面

  • 代码2:

    <script type="text/javascript">

    function browserRedirect() { 

    var sUserAgent= navigator.userAgent.toLowerCase(); 

    var bIsIpad= sUserAgent.match(/ipad/i) == "ipad"; 

    var bIsIphoneOs= 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) == "ucweb"; 

    var bIsAndroid= sUserAgent.match(/android/i) == "android"; 

    var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce"; 

    var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile"; 

    if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { 

    window.location.href= '手机站链接'; 

    } else { 

    window.location= 'PC站链接'; 

    browserRedirect(); 

    </script>

    引入代码后系统可以自动判断是手机平板等移动设备还是PC

满意请采纳

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式