根据不同访问设备跳转到PC页面或手机页面
来源:互联网 发布:java后端需要学node吗 编辑:程序博客网 时间:2024/06/01 10:09
目前很多网站都是采用了响应式自适应页面的设计了,根据访问设备的不同,显示不同的内容。但是还是会有一些节奏比较慢的网站,还是PC页面和手机PAD页面不同的访问域名。正好我这里有个需要,同一个域名要根据不同的访问设备显示PC页面或者手机页面,这里收集两个比较简洁的方法,都是通过JS代码实现的。
第一个:
<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>
阅读全文
1 0
- 根据不同访问设备跳转到PC页面或手机页面
- 根据不同访问设备跳转到PC页面或手机页面
- js根据不同设备进行页面跳转
- 根据Agent跳转到手机页面
- Liferay访问时,根据不同用户角色跳转到不同登陆页面
- php服务器端检查手机访问还是pc访问(并跳到不同页面)
- 【JavaScript】通过JavaScript的方式,如果手机浏览器访问PC版页面,自动跳转到手机版页面
- 识别pc和手机版跳转不同的页面
- 根据radio选择的不同,跳转到不同的页面
- 判断pc还是移动端跳转到不同页面
- JS判断手机操作系统(ios或android)并跳转到不同下载页面
- JS判断是否是微信页面,判断手机操作系统(ios或android)并跳转到不同下载页面
- JS判断是否是微信页面,判断手机操作系统(ios或android)并跳转到不同下载页面
- 手机访问网站自动跳转到手机页面
- 判断移动设备访问自动跳转到移动版页面
- 判断pc跳转手机端页面
- tp3.2后台判断手机登录还是pc端登录,跳转不同页面
- pc端跳转到移动端页面
- 面试总结:java程序执行过程 + JVM内存管理 + GC垃圾回收机制
- java8 JDK1.8 API 中文 翻译版 java帮助文档
- 上传图片 图片预览功能
- Rhino| Rhino的测试例子
- jquery的$().each,$.each的区别
- 根据不同访问设备跳转到PC页面或手机页面
- ZigBee TI ZStack CC2530 1.1 总体框架
- Github使用教程(一)
- LoadRunner12如何自动关联
- 基于Qt QGraphicsView的多点触摸绘图
- 关于idea
- Java Web
- 详细讲解二叉树三种遍历方式的递归与非递归实现
- eclipse 导入mvn 项目 阻塞 installing dynamic web module facet