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
CODE：
<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
js判断是ios还是安卓
$(function () { var u = navigator.userAgent, app = navigator.appVersion var isAndroid = u.indexOf('Android') >-1 || u.indexOf('Linux') >-1g var isIOS = !!u.match(/\(i[^]+( U)? CPU.+Mac OS X/)ios终端 if (isAndroid) { 这个是安卓作业系统 } if (isIOS) {这个是ios作业系统 }})
js判断是安卓还是ios 微信
判断原理：
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, 是否iPadwebApp: 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
js 通过userAgent判断是安卓还是ios
适配程式码<script type=text/javascript>var browser = {versions : function() {var u = navigator.userAgent, app = navigator.appVersionreturn {移动终端浏览器版本资讯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或者QQHD浏览器iPad: u.indexOf('iPad') >-1, 是否iPadwebApp : u.indexOf('Safari') == -1,是否web应该程式，没有头部与底部google:u.indexOf('Chrome')>-1}}(),language : (navigator.browserLanguage || navigator.language).toLowerCase()} if(browser.versions.ios){ 为IOS } else if(browser.versions.android){ 为Android }</script>
var urr = <%=request.getHeader("user-agent") %>里面有括号会报错的，还是后台去判断吧个人更喜欢后台来处理这些东西var ind = urr.toLowerCase().indexOf("iphone")if(ind>-1){alert("苹果")}else{alert("安卓")}
判断原理：JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程式来判断浏览器的型别及版本。JavaScript判断浏览器型别一般有两种法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的
判断客户端是安卓还是IOS的JS程式码
判断原理： JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程式来判断浏览器的型别及版本。JavaScript判断浏览器型别一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的
<button onclick="callJsLogout()">
退出登录
</button>
<script type="text/javascript">
function callJsLogout()
{
var u = navigator.userAgent
if (u.indexOf('Android') >-1 || u.indexOf('Linux') >-1) {
// 安卓手机处理
// window.JsToNative.User.login("js调用了android中的login方法")
callAndroid()
} else if (u.indexOf('iPhone') >-1) {
// 苹果手机处理
callJsIos()
} else {
}
}
function callAndroid(){
Web.logout()//调用安卓端函数
window.location.href="$url"//跳转地址
}
function callJsIos() {
window.webkit.messageHandlers.logout.postMessage({body:''})//调用IOS端函数
window.location.href="$url"//跳转地址
}
</script>
