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>

 

posted @ 2018-01-20 15:32  Colin.liu  阅读(828)  评论(0编辑  收藏  举报