判断页面是在pc端还是移动端打开不同的页面

最新推荐文章于 2022-01-06 15:17:38 发布

转载最新推荐文章于 2022-01-06 15:17:38 发布 · 196 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/huahua0825/p/7993221.html

文章标签：

#移动开发

本文介绍了一种判断用户设备类型并进行页面适配的方法。通过检查用户代理字符串来识别移动设备，若为移动设备则跳转至移动端页面；在移动端页面中，根据屏幕宽度判断是否跳转至PC端页面，确保用户获得最佳浏览体验。

在pc端页面上的判断

    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; 
    //alert(mobileAgent[i]); 
    location.href = 'index-mobile.html';
    break; } }

在移动端页面上的判断

        var w = document.documentElement.clientWidth || document.body.clientWidth;
        // alert(w);
        if(w > 640){
            location.href = 'index.html';
        }

转载于:https://www.cnblogs.com/huahua0825/p/7993221.html