news 2026/5/9 20:50:25

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

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
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;},

写在后面

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

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/9 18:38:27

手把手教你用SiameseUIE做中文实体识别:电商评论情感分析实战

手把手教你用SiameseUIE做中文实体识别:电商评论情感分析实战 你是不是也遇到过这样的问题:电商平台上每天涌入成千上万条评论,人工一条条看太耗时,用传统关键词规则又漏判严重?比如“屏幕太亮伤眼睛”里,…

作者头像 李华
网站建设 2026/5/9 6:15:48

Emotion2Vec+ Large语音识别镜像使用避坑指南,少走弯路

Emotion2Vec Large语音识别镜像使用避坑指南,少走弯路 1. 别被“语音识别”四个字骗了——这其实是个情感分析系统 刚接触这个镜像时,我差点以为它能转文字。直到上传第一段音频,看到结果里全是“😊 快乐”“😠 愤怒…

作者头像 李华
网站建设 2026/5/9 5:45:10

OFA镜像使用全攻略:从部署到实现图片语义蕴含分析

OFA镜像使用全攻略:从部署到实现图片语义蕴含分析 1. 引言 你有没有遇到过这样的场景:一张商品图摆在面前,你想快速判断“图中这个银色圆柱体是饮料瓶”这个说法是否成立?或者在内容审核中,需要验证“这张图显示有人…

作者头像 李华
网站建设 2026/5/9 17:07:52

零基础玩转Qwen-Image:浏览器输入文字秒出精美图片

零基础玩转Qwen-Image:浏览器输入文字秒出精美图片 1. 这不是魔法,是你可以立刻上手的AI画笔 你有没有过这样的时刻:脑子里有一幅画面——比如“一只穿宇航服的橘猫站在月球环形山前,背景是地球升起,赛博朋克风格”—…

作者头像 李华
网站建设 2026/5/9 16:10:41

VibeVoice+LLM组合拳,实现真正智能语音合成

VibeVoiceLLM组合拳,实现真正智能语音合成 在内容创作团队的日常协作中,常遇到这样一幕:编剧刚交完三万字儿童故事剧本,配音导演却皱着眉说:“四个角色音色要统一、情绪要连贯、对话节奏得像真人在聊——光靠人工配齐…

作者头像 李华
网站建设 2026/4/24 2:48:44

Xinference实战:一行代码替换GPT为任意开源LLM

Xinference实战:一行代码替换GPT为任意开源LLM 你是否曾为切换不同大模型而反复修改代码、重写接口、适配新API?是否在本地部署一个LLM时,被环境冲突、CUDA版本、模型加载失败等问题卡住一整天?更关键的是——当你已经用熟OpenAI…

作者头像 李华