零基础建站培训教程介绍

当前位置:

JS判断手机自动跳转到手机网站

为了让手机用户浏览网站的方便,我们做网站时,会做响应式自适应网站。可以自动判断用户浏览设备进行转换网站版面。如果用户使用手机浏览就跳转到手机网站。

除了自适应网站之外,我们还可在做网站时使用JS判断手机自动跳转到手机网站。方法也是比较简单。

手机网站

如果你有PC网站和手机网站二个版面,例如二者的域名分别是www.xuewangzhan.net和wap.xuewangzhan.net,那么你就可以在PC网站的头部文件里放以下的JS进行判断。


<script type="text/javascript">
        var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate",
       "bada", "nokia", "lg", "ucweb", "skyfire");
        var browser = navigator.userAgent.toLowerCase();
        var isMobile = false;
        for (var i=0; i<mobileAgent.length; i++) {
            if (browser.indexOf(mobileAgent[i])!=-1) {
                isMobile = true;
                location.href = 'http://wap.xuewangzhan.net';
                break;
            }
        }
</script>

这段代码可以判断用户浏览设备类型,如果是手机访问就跳转到wap.xuewangzhan.net,如果是电脑浏览就不会跳转,仍然是www.xuewangzhan.net。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关教程

学做网站论坛零基础学建网站课程