根据不同访问设备跳转到PC页面或手机页面
2017-07-31 16:50
381 查看
目前很多网站都是采用了响应式自适应页面的设计了,根据访问设备的不同,显示不同的内容。但是还是会有一些节奏比较慢的网站,还是PC页面和手机PAD页面不同的访问域名。正好我这里有个需要,同一个域名要根据不同的访问设备显示PC页面或者手机页面,这里收集两个比较简洁的方法,都是通过JS代码实现的。
第一个:
直接上代码,修改代码中你的PC页面和手机页面地址即可。
第二个:
这一个是两段代码,分别放到PC页面网页和手机页面网页,实现不同设备访问不同页面都能实现调整,比如电脑访问了手机页面的地址也会跳转到PC页面上来。
首先是放入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.kuegou.com/"; }else if(userAgent.indexOf("ios") != -1 || userAgent.indexOf("iphone") != -1 || userAgent.indexOf("ipad") != -1){ platform = 'IOS'; location.href = "http://m.kuegou.com/"; }else if(userAgent.indexOf("windows phone") != -1 ){ platform = 'WP'; location.href = "http://m.kuegou.com/"; }else{ platform = 'WEB' ; location.href = "http://www.kuegou.com/"; } } </script>
直接上代码,修改代码中你的PC页面和手机页面地址即可。
第二个:
这一个是两段代码,分别放到PC页面网页和手机页面网页,实现不同设备访问不同页面都能实现调整,比如电脑访问了手机页面的地址也会跳转到PC页面上来。
首先是放入PC页面的代码:
<script type="text/javascript"> var url = window.location.pathname; var wapurl="http://3g.xxx.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.xxx.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页面或手机页面
- ASP判断是否移动设备访问,实现根据电脑或手机跳转到不同的站点
- 手机设备访问PC页面如果跳转到手机页面?
- 前端js判断访问站点设备(手机还是PC)实现自动跳转代码
- php服务器端检查手机访问还是pc访问(并跳到不同页面)
- js根据不同设备进行页面跳转
- 前端 js 判断设备类型是手机还是PC 并打开不同设备下的页面
- php服务器端检查手机访问还是pc访问(并跳到不同页面)
- tp3.2后台判断手机登录还是pc端登录,跳转不同页面
- Liferay访问时,根据不同用户角色跳转到不同登陆页面
- 识别pc和手机版跳转不同的页面
- 分享两个手机访问pc网站自动跳转手机端网站代码
- PHP实现根据设备类型自动跳转相应页面的方法
- JS判断请求来自Android手机还是iPhone手机,根据不同的手机跳转到不同的链接。
- 手机访问PC网站自动跳转到手机网站代码
- spring security 登录根据用户角色跳转到不同的页面
- ecshop其他页面判断是智能手机访问也跳转到ECTouch对应手机版页面(转)
- JS判断请求来自Android手机还是iPhone手机,根据不同的手机跳转到不同的链接。
- JS判断是PC还是移动端浏览器,并根据不同的终端跳转到不同的网址
- 在根据搜索类别不同,跳转不同页面