js智能获取浏览器版本UA信息的方法

前端之家收集整理的这篇文章主要介绍了js智能获取浏览器版本UA信息的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

js智能获取浏览器版本UA信息的方法

用js如何获取UA(user Agent)用户代理

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; } 名称: 代码名称: 用户代理标识:

函数代码

-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() }

支持移动端判断的代码

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 (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
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){                            //判断是遮罩<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a>时执行,<a href="https://www.jb51.cc/tag/jinzhi/" target="_blank" class="keywords">禁止</a>滚屏
      event.preventDefault();                   //最关键的一句,<a href="https://www.jb51.cc/tag/jinzhi/" target="_blank" class="keywords">禁止</a>浏览器默认行为
    }
  })
  $(".download-button,#headermenudownlink,#appshareheaderdownlink,#appsharesayhidownlink,#appsharevs<a href="https://www.jb51.cc/tag/logo/" target="_blank" class="keywords">logo</a>downlink,#appsharevsdownlink").bind("click",function () {
    flag = 1;
    //alert('ios下载');
    $("#shade-father").css({"display":"block","background-color":"rgba(0,0.4)"});
    //$("body").css("paddingTop","2.3rem");
    $("#shade-child").css("height","4rem");
  });
  $('#shade-father').click(function (){
    flag = 0;
    $("#shade-father").css({"display":"none",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浏览器打开

}

以上这篇js智能获取浏览器版本UA信息的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/46720.html

猜你在找的JavaScript相关文章