js判断客户端是iOS还是Android等移动终端的方法

 更新时间:2021年08月13日 10:12:36   投稿:whsnow  
本文为大家介绍下使用js判断客户端是iOS还是Android等移动终端,示例代码如下,感兴趣的朋友可以参考下

判断原理

JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道。

浏览器类型

⑴浏览器特有属性
⑵根据userAgent
浏览器版本
⑴根据userAgent

对于手机浏览器判断

1.如何判断是否为移动终端 利用正则match,
匹配navigator.userAgent是否含有字符串AppleWebKit*****Mobile
安卓qq浏览器HD版 只有AppleWebKit

2手机语言版本的判断
使用navigator.browserLanguage 便可得出windows phone语言版本,
当然可恶的小小手机语言版本也有兼容性的差异,兼容Mozilla,以及AppleWebKit内核的浏览器访问其语言版本,它会列出 navigator.language

<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.*/), //是否为移动终端 
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 , //是否为iPhone或者QQHD浏览器 
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> 

比较特别的地方

UC浏览器没有安卓报头,只返回:linux ,这里粗略的根据linux来判断是安卓(前提必须满足是移动终端,UC这点是满足的)
安卓QQ浏览器HD版检测的结果是:mac, Safari

检测浏览器语言:

currentLang = navigator.language;   //判断除IE外其他浏览器使用语言
if(!currentLang){//判断IE浏览器使用语言
    currentLang = navigator.browserLanguage;
}
alert(currentLang);

js 判断iPhone|iPad|iPod|iOS|Android客户端

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    //alert(navigator.userAgent);  
    window.location.href ="iPhone.html";
} else if (/(Android)/i.test(navigator.userAgent)) {
    //alert(navigator.userAgent);  
    window.location.href ="Android.html";
} else {
    window.location.href ="pc.html";
};

以上代码已经调整,可以放心使用,若有问题,欢迎指出。

相关文章

  • 使用有限状态机实现简版的html解析器

    使用有限状态机实现简版的html解析器

    FSM(Finite State Machines) 有限状态机,也叫有限状态自动机,是为研究有限内存的计算过程和某些语言类而抽象出的一种计算模型,本文将使用有限状态机实现一个简版的html解析器,有需要的小伙伴可以参考下
    2023-11-11
  • js如何在字符串中查找某个字符的位置

    js如何在字符串中查找某个字符的位置

    这篇文章主要给大家介绍了关于js如何在字符串中查找某个字符的位置的相关资料,在JavaScript中我们经常需要对字符串进行各种操作,包括查找包含特定字符的字符串,需要的朋友可以参考下
    2023-11-11
  • 微信小程序商城项目之侧栏分类效果(1)

    微信小程序商城项目之侧栏分类效果(1)

    这篇文章主要为大家详细介绍了微信小程序实战商城系列之侧栏分类效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • 在js代码拼接dom对象到页面上的模板总结

    在js代码拼接dom对象到页面上的模板总结

    今天小编就为大家分享一篇关于在js代码拼接dom对象到页面上的模板总结,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2018-10-10
  • JavaScript中的相等操作符使用详解

    JavaScript中的相等操作符使用详解

    JavaScript 中的相等操作符详解,包括 [] == []、[] == ![]、{} == !{}几个操作符,需要的朋友可以参考下
    2019-12-12
  • JS实现百度搜索框

    JS实现百度搜索框

    这篇文章主要为大家详细介绍了JS实现百度搜索框,实时返回搜索建议项,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-02-02
  • ckeditor一键排版功能实现方法分析

    ckeditor一键排版功能实现方法分析

    这篇文章主要介绍了ckeditor一键排版功能实现方法,结合实例形式分析了ckeditor一键排版相关扩展插件定义、配置与使用方法,需要的朋友可以参考下
    2020-02-02
  • javascript将数组插入到另一个数组中的代码

    javascript将数组插入到另一个数组中的代码

    下面的代码主要功能就是将数组arr2插入到数组arr1的index位置,需要的朋友可以参考下
    2013-01-01
  • JS实现匀速运动的代码实例

    JS实现匀速运动的代码实例

    这篇文章主要介绍了JS实现匀速运动的代码实例,有需要的朋友可以参考一下
    2013-11-11
  • 如何使用moment.js获取本周、前n周、后n周开始结束日期及动态计算周数

    如何使用moment.js获取本周、前n周、后n周开始结束日期及动态计算周数

    使用了momentjs之后发现这个日期处理控件实在是太强大了,下面这篇文章主要给大家介绍了关于如何使用moment.js获取本周、前n周、后n周开始结束日期及动态计算周数的相关资料,需要的朋友可以参考下
    2022-09-09

最新评论