js检测移动设备并跳转到相关适应页面。
PS:网页自适应的方式有多种。有通过CSS样式表来实现自适应(主流),也有通过显示不同的页面来实现的方式。
下面代码是记录通过判断设备特征来跳转到相关的页面的方法。
实现要求:
当手机,平板访问 a.com 时,自动跳转到 a.com/m 页面(为移动设备开发的页面)。
如果是PC,则正常访问 a.com或 a.com/pc(为电脑端开发的页面)
实现方法:
<script> var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null; if (is_mobi) { window.location.href = "http://a.com/m"; } else { window.location.href = "http://a.com/pc"; } </script>
博客地址:http://www.cnblogs.com/colinliu/
博客版权:本文以学习、记录、分享为目的。欢迎大家转载,但务必注明原文地址,谢谢合作!
博客版权:本文以学习、记录、分享为目的。欢迎大家转载,但务必注明原文地址,谢谢合作!