js智能获取浏览器版本UA信息的方法
js智能获取浏览器版本UA信息的方法
用js如何获取UA（userAgent）用户代理
<!DOCtypehtml>
<html>
<head>
<title></title>
</head>
<bodyonload="whatBrowser()">
<script>
functionwhatBrowser(){
document.Browser.Name.value=navigator.appName;
document.Browser.Version.value=navigator.appVersion;
document.Browser.Code.value=navigator.appCodeName;
document.Browser.Agent.value=navigator.userAgent;
}
</script>
<table>
<formname="Browser">
<tr>
<td>浏览器名称:</td>
<td><inputtype="txt"name="Name"size="110%"></td>
</tr>
<tr>
<td>版本号:</td>
<td><inputtype="txt"name="Version"size="110%"></td>
</tr>
<tr>
<td>代码名称:</td>
<td><inputtype="txt"name="Code"size="110%"></td>
</tr>
<tr>
<td>用户代理标识:</td>
<td><inputtype="txt"name="Agent"size="110%"></td>
</tr>
</form>
</table>
</body>
</html>
函数式代码
/*
*智能获取浏览器版本信息
*
*/
varbrowser={
versions:function(){
varu=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.+MacOSX/),//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,//是否iPad
webApp:u.indexOf('Safari')==-1//是否web应该程序，没有头部与底部
};
}(),
language:(navigator.browserLanguage||navigator.language).toLowerCase()
}
支持移动端判断的代码
<script>
varbrowser={
versions:function(){
varu=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.+MacOSX/),//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()
}
if(browser.versions.mobile){//判断是否是移动设备打开。browser代码在下面
varua=navigator.userAgent.toLowerCase();//获取判断用的对象
varu=navigator.userAgent;
varisAndroid=u.indexOf('Android')>-1||u.indexOf('Adr')>-1;//android终端
varisiOS=!!u.match(/\(i[^;]+;(U;)?CPU.+MacOSX/);//ios终端
if(ua.match(/MicroMessenger/i)=="micromessenger"){
//在微信中打开
}
if(ua.match(/WeiBo/i)=="weibo"&&isiOS){
//alert("我在微博中被打开IOS");
varflag;
document.addEventListener('touchmove',function(event){//监听滚动事件
if(flag==1){//判断是遮罩显示时执行，禁止滚屏
event.preventDefault();//最关键的一句，禁止浏览器默认行为
}
})
$(".download-button,#headermenudownlink,#appshareheaderdownlink,#appsharesayhidownlink,#appsharevslogodownlink,#appsharevsdownlink").bind("click",function(){
flag=1;
//alert('ios下载');
$("#shade-father").css({"display":"block","background-color":"rgba(0,0,0,0.4)"});
//$("body").css("paddingTop","2.3rem");
$("#shade-child").css("height","4rem");
});
$('#shade-father').click(function(){
flag=0;
$("#shade-father").css({"display":"none","background-color":"rgba(0,0,0,0)"});
$("#shade-child").css("height","0");
//$("body").css("paddingTop","0");
});
}
if(ua.match(/WeiBo/i)=="weibo"&&isAndroid){
}
if(ua.match(/QQ/i)=="qq"){
//在QQ空间打开
}
if(browser.versions.ios){
//是否在IOS浏览器打开
}
if(browser.versions.android){
//是否在安卓浏览器打开
}
}else{
//否则就是PC浏览器打开
}
</script>
以上这篇js智能获取浏览器版本UA信息的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。