JS判断设备类型

方法一

1、设置一个link

<link rel="stylesheet" href="" id="css">

2、JS代码

<script type="text/javascript">

const linkEle = document.querySelector("#css");

if( /mobile/i.test(navigator.userAgent) ){

        linkEle.setAttribute("href","./emailPhone.css");

        console.log('phone', linkEle);

        console.log(navigator.userAgent);

    } else {

        linkEle.setAttribute("href","./email.css");

        console.log('winodw',linkEle);

        console.log(navigator.userAgent);

    }

</script>

方法二：

<script type="text/javascript">

if( /mobile/i.test(navigator.userAgent) ){

        document.write('<link rel="stylesheet" href="./emailPhone.css">');

        console.log(navigator.userAgent);

    } else {

        document.write('<link rel="stylesheet" href="./email.css?v={:config('app.asset_version')}">');

        console.log(navigator.userAgent);

    }

</script>

直接使用 navigator.userAgent 下的 mobile 来做移动端判断就可，不需要写太长的那个设备判断，亲测除了本地，都不行。