js智能获取浏览器版本UA信息的⽅法js智能获取浏览器版本UA信息的⽅法
⽤js如何获取UA(user Agent)⽤户代理
<!DOCtype html>
<html>
<head>
<title></title>
</head>
<body onload="whatBrowser()">
<script>
function whatBrowser() {
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>
<form name="Browser">
<tr>
<td> 浏览器名称: </td>
<td> <input type="txt" name="Name" size="110%"></td>
</tr>
<tr>
<td> 版本号:</td>
<td> <input type="txt" name="Version" size="110%"></td>
</tr>
<tr>
<td> 代码名称: </td>
<td> <input type="txt" name="Code" size="110%"></td>
</tr>
<tr>
<td> ⽤户代理标识:</td>
<td> <input type="txt" name="Agent" size="110%"></td>
</tr>
</form>
</table>
</body>
</html>
函数式代码
/*
* 智能获取浏览器版本信息
*
*/
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或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
⽀持移动端判断的代码
<script>
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()
}
if (bile) {//判断是否是移动设备打开。browser代码在下⾯
var ua = LowerCase();//获取判断⽤的对象
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终端
if (ua.match(/MicroMessenger/i) == "micromessenger") {
//在中打开
}
if (ua.match(/WeiBo/i) == "weibo" && isiOS) {
//alert("我在微博中被打开IOS");
var flag;
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信息的⽅法就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。
>indexof的用法javascript

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。