vue - JS 判断客户端是苹果 iOS 还是安卓 Android(封装好的方法直接调用)二种解决方案
2026/6/2 10:53:03 网站建设 项目流程

介绍

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

其实,通过浏览器的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;},

写在后面

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

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询