js 判断打开的网页是移动端还是pc端


分别定义移动端和pc端两个css文件,然后根据js判断再执行对应的css文件。

<script>
        var is_mobi = true;
        // 判断是手机还是电脑
        is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
        if (is_mobi) {//移动端
            console.log("移动端")
            $('head').append('<link href="./css/mIndex.css" rel="stylesheet" type="text/css" />')
            // 弹幕css
            $('head').append('<link rel="stylesheet" href="./css/barrager.css">')
        }else{//pc端
            console.log("电脑端")
            $('head').append('<link href="./css/pcIndex.css" rel="stylesheet" type="text/css" />')
            // 弹幕css
            $('head').append('<link rel="stylesheet" href="./css/barragerPC.css">')
        }
    </script>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM