以前写过原生js判断访客的设备是否为移动端的文章,并没有对移动端的设备做进一步的分类,这篇博文就补充下JS对移动端访客设备来源分类方法。

js判断访客使用的设备类型,无非就是用的浏览器的UA标识进行分析判断的,如果用户使用浏览器插件私自改了UA,那么判断就会失效的!

原生JS判断访客是否使用的苹果移动端设备的方法

JS代码:

//自定义函数,直接调用即可
function isAppleMobileDevice() {
    return (/iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase()));
}

原生JS判断访问设置是否为安卓的方法

JS代码:

function isAndroidMobileDevice(){
    return (/android/i.test(navigator.userAgent.toLowerCase()));
}

原生JS判断访客设备是否为Touch屏幕的方法

JS代码:

function isTouchScreen() {
  return (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);
}