vue - JS 判断客户端是苹果 iOS 还是安卓 Android（封装好的方法直接调用）二种解决方案

介绍

有时候我们的项目，可能需要判断用户处于苹果还是安卓手机上，这时候就需要判断了。

其实，通过浏览器的navigator.userAgent API判断就行，下面提供两种方法自行选择。

解决方案 1

如下代码所示：

letu=navigator.userAgent;letisAndroid=u.indexOf('Android')>-1||u.indexOf('Adr')>-1;//判断是否是 android终端letisIOS=!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);//判断是否是 iOS终端console.log('是否是Android：',isAndroid);//true,falseconsole.log('是否是iOS：',isIOS)

封装成方法，方便多处调用：

// 检查客户端judgeClient(){letu=navigator.userAgent;letisAndroid=u.indexOf('Android')>-1||u.indexOf('Adr')>-1;//判断是否是 android终端letisIOS=!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);//判断是否是 iOS终端console.log('是否是Android：'+isAndroid);//true,falseconsole.log('是否是iOS：'+isIOS);if(isAndroid){return'Android';}elseif(isIOS){return'IOS';}else{return'PC';}},

解决方案 2

与前面的类似，但是写法不同：

if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){console.log('isIOS');}elseif(/(Android)/i.test(navigator.userAgent)){console.log('isAndroid');}else{console.log('isPC');}

封装成方法：

// 检查客户端judgeClient(){letclient='';if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){//判断iPhone|iPad|iPod|iOSclient='iOS';}elseif(/(Android)/i.test(navigator.userAgent)){//判断Androidclient='Android';}else{client='PC';}returnclient;},

写在后面

其实两种方案都差不多，看你自己的选择了，哪个更适合。