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属性来判断的
S判断客户端是否是iOS或者Android**第一种:通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端。代码如下:**
<script type="text/javascript">
var u = navigator.userAgent
var isAndroid = u.indexOf('Android') >-1 || u.indexOf('Adr') >-1//android终端
var isiOS = !!u.match(/\(i[^]+( U)? CPU.+Mac OS X/)//ios终端
alert('是否是Android:'+isAndroid)