js判断浏览器类型是pc端还是手机端进行样式自适应

最近公司有个页面需要做pc端和手机端的页面自适应，即手机打开是指定的样式，pc打开则是pc指定的样式，样式是前端ui已经设计好了的。
所以这里需要通过Navigator userAgent 属性判断浏览器的类型。
userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。
比如：edge浏览器

chrome浏览器：

所以只需要写一个函数

function isComputerOrPhone() {
   
        var sUserAgent = navigator.userAgent.toLowerCase();
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
        if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
   
                //当是电脑端的时候加载pc 的css
                var linkNode = document.createElement("link");
                linkNode.setAttribute("rel","stylesheet"