欢迎光临
我们一直在努力

根据不同访问设备跳转到PC页面或手机页面

目前很多网站都是采用了响应式自适应页面的设计了,根据访问设备的不同,显示不同的内容。但是还是会有一些节奏比较慢的网站,还是PC页面和手机PAD页面不同的访问域名。正好我这里有个需要,同一个域名要根据不同的访问设备显示PC页面或者手机页面,这里收集两个比较简洁的方法,都是通过JS代码实现的。

第一个:PC端页面代码

<script type="text/javascript"> 
var userAgent = navigator.userAgent.toLowerCase();
 var platform;
 if(userAgent == null || userAgent == ''){
 platform = 'WEB' ; 
 }else{
 if(userAgent.indexOf("android") != -1 ){ 
 platform = 'ANDROID';
 location.href = "http://m.found5.com/";
 }else if(userAgent.indexOf("ios") != -1 || userAgent.indexOf("iphone") != -1 || userAgent.indexOf("ipad") != -1){
 platform = 'IOS';
 location.href = "http://m.found5.com/";
 }else if(userAgent.indexOf("windows phone") != -1 ){ 
 platform = 'WP';
 location.href = "http://m.found5.com/";
 }else{
 platform = 'WEB' ;
 location.href = "http://www.found5.com/";
 }
 }
</script>

直接上代码,修改代码中你的PC页面和手机页面地址即可。

第二个:PC端和手机端均写跳转代码

这一个是两段代码,分别放到PC页面网页和手机页面网页,实现不同设备访问不同页面都能实现调整,比如电脑访问了手机页面的地址也会跳转到PC页面上来。

首先是放入PC页面的代码:

<script type="text/javascript"> 
var url = window.location.pathname;
var wapurl="http://m.found5.com"+url

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|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
 window.location.href=wapurl; 
 }else{ 
 window.location.href=wapurl;
 }
 }catch(e){}
 }
}
</script>

下边是放入手机页面的代码:

<script type="text/javascript"> 
var url = window.location.pathname;
var pcurl="http://www.found5.com"+url

if(/AppleWebKit.*Mobile/i.test(navigator.userAgent)==false || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))==false){
 if(window.location.href.indexOf("?mobile")<0){
 try{
 if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)==false){
 window.location.href=pcurl; 
 }
 }catch(e){}
 }
}
</script>

有同样需求的朋友可以试一下,目前我才有的第一种方法,效果还不错。

未经允许不得转载:发现网 » 根据不同访问设备跳转到PC页面或手机页面

分享到:更多 ()

评论 抢沙发

评论前必须登录!

 

发现网服务 更专业 更方便

广告联系联系我们