阿尔卑斯丶
圣骑士
圣骑士
  • 最后登录2023-11-03
  • 发帖数59
  • 社区居民
  • 原创写手
阅读:6095回复:0

[js]js判断当前登录设备

楼主#
更多 发布于:2019-11-11 17:39
公司客户需要根据不同的登录设备进行不同的页面显示,因为两个版本的样式差距比较多,所以准备了两套不同的css样式表进行排版布局显示。
首先是如何进行设备判断:
<script type="text/javascript">
        var urlhash = window.location.hash;
        if (!urlhash.match("fromapp")) {
            if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
                console.log("手机端登录")
            } else {
                console.log("PC端登录")
            }
        }
    </script>
然后是怎么在判断中进行加载css文件:
<script type="text/javascript">
        var urlhash = window.location.hash;
        if (!urlhash.match("fromapp")) {
            if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
                console.log("手机端登录")
                $('head').append('<link href="../css/main-finsh-mobile.css" rel="stylesheet" type="text/css" />')
                    //例如:www.123.com 电脑端 → www.123.com/m/移动端,跳转地址填"/m/"或http://www.123.com/m/
            } else {
                console.log("PC端登录")
                $('head').append('<link href="../css/main-finsh.css" rel="stylesheet" type="text/css" />')
            }
        }
    </script>
游客


返回顶部

公众号

公众号