如何判断页面是由移动端还是pc端打开

在做Web前端开发中，经常要考虑到pc端和移动端对功能的不同需求，这时候通常需要根据设备的不同做到一定的响应，这时候可以通过媒体查询实现不同设备宽度下的不同样式，也可以通过判断访问设备的类型，通过判断的结果，返回不同的域名地址，继而加载不同的CSS文件。 那么如何判断页面是由移动端还是PC端打开呢，也就是说怎么判断访问设备的类型呢？ 1.媒体查询，但是这个只能判断尺寸，并不能判断是不是移动设备。 2.通过user-agent值，来进行判断。使用javascript框架中的Navigator对象的userAgent属性。

 /**
     * 判断是否是pc设备
     */
    function IsPC() {
        var userAgentInfo = navigator.userAgent;
        var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone", "iPod"];
        var flag = true;
        for (var v = 0; v < Agents.length; v++) {
            if (userAgentInfo.indexOf(Agents[v]) > 0) {
                flag = false;
                break;
            }
        }
        if(window.screen.width>=768){
             flag = true;
        }
        return flag;
    }

通过以上代码就可以判断出访问网站的设备类型到底是PC端还是移动端。

手机扫描二维码访问