JS如何判断安卓还是iOS 一种比较被认同的方式

今天药忘吃喽~ 2022-08-23 00:30 192阅读 0赞

我们做前端开发时，需要JS判断客户端是否是iOS或者Android，那么什么方法最靠谱，多数人比较认同呢？我们可以通过userAgent来判断，比如检测某些关键字，例如：AppleWebKit\*\*\*\*\*Mobile或AppleWebKit，需要注意的是有些浏览器的userAgent中并不包含AppleWebKit关键字，可能会是Linux,UCBrowser等等。  
  
**下面是Javascript代码：**

<script type="text/javascript">  
/\*  
\* 智能机浏览器版本信息:  
\*/  
var browser=\{  
versions:function()\{  
var u = navigator.userAgent, app = navigator.appVersion;  
return \{//移动终端浏览器版本信息  
trident: u.indexOf('Trident') > -1, //IE内核  
presto: u.indexOf('Presto') > -1, //opera内核  
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核  
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核  
mobile: !!u.match(/AppleWebKit.\*Mobile.\*/)||!!u.match(/AppleWebKit/), //是否为移动终端  
ios: !!u.match(/\\(i\[^;\]+;( U;)? CPU.+Mac OS X/), //ios终端  
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器  
iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQ HD浏览器  
iPad: u.indexOf('iPad') > -1, //是否iPad  
webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部  
\};  
\}(),  
language:(navigator.browserLanguage || navigator.language).toLowerCase()  
\}  
  
document.writeln("语言版本: "+browser.language);  
document.writeln(" 是否为移动终端: "+browser.versions.mobile);  
document.writeln(" ios终端: "+browser.versions.ios);  
document.writeln(" android终端: "+browser.versions.android);  
document.writeln(" 是否为iPhone: "+browser.versions.iPhone);  
document.writeln(" 是否iPad: "+browser.versions.iPad);  
document.writeln(navigator.userAgent);  
</script>

发表评论取消回复

表情：

评论列表（有 0 条评论，192人围观）

还没有评论，来说两句吧...

相关阅读

相关移动端开发如何判断当前环境是ios、安卓android还是微信浏览器

一、需求问题在移动端开发中，我们有的时候需要判断当前的环境，是苹果`ios`环境、还是安卓`android`环境，还是微信浏览器环境。二、需求分析判断当前环境是`i

红太狼/ 2023年06月25日 06:23/ 0 赞/ 5 阅读

相关 js判断当前手机是安卓还是IOS

是否是IOS isIos() { var ua = navigator.userAgent.toLocaleLowerCase()

谁借莪１个温暖的怀抱￠/ 2023年02月13日 03:39/ 0 赞/ 25 阅读

相关 js 判断设备是ios还是android

var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.inde

清疚/ 2023年01月16日 06:19/ 0 赞/ 220 阅读

相关判断机型是安卓还是ios

判断机型是安卓还是ios <div id="btn"> <a onclick="detect" id="a"><button>打开app</but

迈不过友情╰/ 2022年11月10日 05:50/ 0 赞/ 236 阅读

相关 C#判断接口调用方是IOS还是安卓的方法（User-Agent）

string useragent = HttpContext.Request.Headers["User-Agent"].ToString();

绝地灬酷狼/ 2022年11月03日 04:04/ 0 赞/ 292 阅读

相关前端判断是安卓还是IOS

var u = navigator.userAgent;//userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值 //

朴灿烈づ我的快乐病毒、/ 2022年10月07日 09:59/ 0 赞/ 199 阅读

相关 JS如何判断安卓还是iOS 一种比较被认同的方式

我们做前端开发时，需要JS判断客户端是否是iOS或者Android，那么什么方法最靠谱，多数人比较认同呢？我们可以通过userAgent来判断，比如检测某些关键字，例如：App

今天药忘吃喽~/ 2022年08月23日 00:30/ 0 赞/ 193 阅读

相关 app下载判断手机是安卓还是苹果

<!DOCTYPE html> <html class="pixel-ratio-2 retina android android-6 android-6-0"

骑猪看日落/ 2022年06月04日 02:11/ 0 赞/ 224 阅读

相关 ionic3入门——判断设备是安卓还是iOS

原文出处：[https://www.jianshu.com/p/1e1912f3bf7e][https_www.jianshu.com_p_1e1912f3bf7e]

偏执的太偏执、/ 2022年04月25日 00:30/ 0 赞/ 268 阅读

相关 js判断访问浏览器是安卓还是ios还是微信浏览器还是微博

var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.index

末蓝、/ 2022年04月12日 11:08/ 0 赞/ 390 阅读