|
公司客户需要根据不同的登录设备进行不同的页面显示,因为两个版本的样式差距比较多,所以准备了两套不同的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> |
|