根据不同的设备跳转到pc页面或者wap页面

随着互联网发展,现在网站基本上都有wap页面和pc页面两套,当给用户一个pc页面的URL的时候,用户使用移动设备访问的时候需要跳转到对应的移动页面,这时候需要做js跳转了,反之同理给用户wap页面URL,用户pc访问的时候需要跳转到wap页面,不过从seo这一块考虑,最好在服务器端使用302进行跳转,如果不会弄的情况下,可以考虑使用js。下面分享下代码(只正对域名不同其他URL结构相同的网站有用,复杂的需要根据实际情况来改动):

pc页面跳转到wap页面,代码放在pc页面上

 Javascript |  copy code |? 
01
<script type="text/javascript">  
02
var url = window.location.pathname;
03
var wapurl="http://3g.xxx.com"+url
04
 
05
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))){
06
	if(window.location.href.indexOf("?mobile")<0){
07
		try{
08
			if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
09
				 window.location.href=wapurl; 
10
			}else{ 
11
			   	window.location.href=wapurl;
12
			}
13
		}catch(e){}
14
	}
15
}
16
 
17
</script>  
18
 
19
 
20
 

wap页面跳转到pc页面,代码放在wap页面上:

 Javascript |  copy code |? 
01
<script type="text/javascript">  
02
 
03
var url = window.location.pathname;
04
var pcurl="http://www.xxx.com"+url
05
 
06
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){
07
	if(window.location.href.indexOf("?mobile")<0){
08
		try{
09
			if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)==false){
10
				 window.location.href=pcurl; 
11
			}
12
 
13
		}catch(e){}
14
	}
15
}
16
</script>  
17
 
18
 
19