js和jquery判断用户设备是手机还是pad还是电脑

JavaScript017

js和jquery判断用户设备是手机还是pad还是电脑,第1张

<script type="text/javascript">

<!--

//平台、设备和操作系统

var system = {

win: false,

mac: false,

xll: false,

ipad:false

}

//检测平台

var p = navigator.platform

system.win = p.indexOf("Win") == 0

system.mac = p.indexOf("Mac") == 0

system.x11 = (p == "X11") || (p.indexOf("Linux") == 0)

system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false

//跳转语句,如果是手机访问就自动跳转到wap.baidu.com页面

if (system.win || system.mac || system.xll||system.ipad) {

} else {

window.location.href = "/3g/"

}

-->

</script>

检测UA。

function loadCSS() {

    if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {

        document.write('<link href="css/notpc.css" rel="stylesheet" type="text/css" media="screen" />')

    }

    else {

        document.write('<link href="css/pc.css" rel="stylesheet" type="text/css" media="screen" />')

    }

}

loadCSS()

把里面手机部分关键字删除。还有种办法就是判断屏幕宽度。