当手机访问时自动跳转到手机网站

weixin_30865427

于 2013-03-27 16:12:00 发布

阅读量155

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xcxc/archive/2013/03/27/2984830.html

本文介绍了一种通过JavaScript判断用户代理来实现手机版本和PC版本网页自动跳转的方法。具体实现包括检查是否为移动设备及不同类型的移动设备，并据此重定向到相应的手机或PC版本页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html源码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>首页</title>
<script charset="utf-8" src="phone.js" type="text/javascript"></script>
<body>
pc版本
</body>
</html>

phone.js代码

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="/mobileweb/";
            }else if(/iPad/i.test(navigator.userAgent)){
            }else{
                window.location.href="/mobileweb/"
            }
        }catch(e){}
    }
}

转载于:https://www.cnblogs.com/xcxc/archive/2013/03/27/2984830.html