js如何判断是手机还是电脑浏览器?

JavaScript018

js如何判断是手机还是电脑浏览器?,第1张

应该把JS 放在页面首页加载 就行

function IsPC() {

var userAgentInfo = navigator.userAgent

var Agents = ["Android", "iPhone",

"SymbianOS", "Windows Phone",

"iPad", "iPod"]

var flag = true

for (var v = 0v <Agents.lengthv++) {

if (userAgentInfo.indexOf(Agents[v]) >0) {

flag = false

break

}

}

return flag

}

var flag = IsPC()//true为PC端,false为手机端

alert(flag)

常见的方法是通过浏览器用户代理来判定。但用户代理是可以伪造的并且匹配规则会经常变动、失效,使用时需要注意。例如判断android设备:

navigator.userAgent.match(/Android/i)

开源项目有isMobile(https://github.com/kaimallea/isMobile),mobile-detect.js(https://github.com/hgoebl/mobile-detect.js)。

另外也可以通过设备尺寸来判定是不是手机端。比如:

window.matchMedia("only screen and (max-width: 760px)")