js 获取浏览器版本

1、在web开发中,会经常让你判断当前使用的是那个浏览器及浏览器的那个版本,根据浏览器版本来调整CSS的样式,

使在web界面在各个浏览器展现达到最佳的效果,下面是获取当前浏览器的代码:

getBrowserVersion:function(){

var agent = navigator.userAgent.toLowerCase();

var arr=[];

var Browser="";

var Bversion="";

var verinNum="";

//IE

if(agent.indexOf("msie") > 0){

var regStr_ie = /msie [\d.]+;/gi ;

Browser="IE";

Bversion=""+agent.match(regStr_ie)

}

//firefox

else if(agent.indexOf("firefox") > 0){

var regStr_ff = /firefox\/[\d.]+/gi;

Browser="firefox";

Bversion=""+agent.match(regStr_ff);

}

//Chrome

else if(agent.indexOf("chrome") > 0){

var regStr_chrome = /chrome\/[\d.]+/gi ;

Browser="chrome";

Bversion=""+agent.match(regStr_chrome);

}

//Safari

else if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0){

var regStr_saf = /version\/[\d.]+/gi ;

Browser="safari";

Bversion=""+agent.match(regStr_saf);

}

//Opera

else if(agent.indexOf("opera")>=0){

var regStr_opera = /version\/[\d.]+/gi ;

Browser="opera";

Bversion=""+agent.match(regStr_opera);

}else{

var browser=navigator.appName;

if(browser=="Netscape"){

var version=agent.split(";");

var trim_Version=version[7].replace(/[ ]/g,"");

var rvStr=trim_Version.match(/[\d\.]/g).toString();

var rv=rvStr.replace(/[,]/g,"");

Bversion=rv;

Browser="IE"

}

}

verinNum=(Bversion+"").replace(/[^0-9.]/ig,"");

arr.push(Browser);

arr.push(verinNum);

return arr;

}

js 获取浏览器版本,布布扣,bubuko.com

时间: 2024-08-02 06:52:10

js 获取浏览器版本的相关文章

[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器

截至自2017-08-11,支持现世已出的几乎所有PC端浏览器版本判断. 受支持的PC端浏览器列表: Edge IE Chrome Firefox Opera Safari QQ浏览器 360系列浏览器 使用IE内核的非主流浏览器 使用Chrome内核的非主流浏览器 使用混合内核的非主流浏览器 获取浏览器版本方法: function getBroswer(){ var sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s

js获取浏览器版本信息

//获取当前浏览器类型和版本号 "use strict"; let agent = navigator.userAgent.toLowerCase(); let regStr_ff = /firefox\/[\d.]+/gi; let regStr_chrome = /chrome\/[\d.]+/gi; //IE11以下 if (agent.indexOf("msie") > 0) { pass; } //IE11版本中不包括MSIE字段 if (agent

Js获取操作系统版本 &amp;&amp; 获得浏览器版本

//利用原生Js获取操作系统版本function getOS() { var sUserAgent = navigator.userAgent; var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); var isMac = (navigator.platform == "Mac68K") || (navigator.platform ==

js获取浏览器信息及版本(兼容IE)

获取浏览器信息方法有很多种,但是要是兼容ie旧版本就有点麻烦了,因为很多方法在旧版本ie是不支持的,所以ie我做了单独处理,但是目前还有小问题,就是想显示QQ浏览器,搜狗浏览器..这样的,这样还实现不了,因为他们用的别人的浏览器内核,没办法 代码: <template> <section class="p-10"> <h1> {{ browse }} </h1> </section> </template> <

js 获取浏览器信息

执行步骤: 1.autoscan 2.vi configure.scan 3.mv configure.scan configure.in #                                               -*- Autoconf -*- # Process this file with autoconf to produce a configure script. AC_PREREQ([2.68]) AC_INIT([FULL-PACKAGE-NAME], [VE

js获取浏览器信息和页面信息

1.js获取浏览器信息:包含判断是否为移动端,以及浏览器信息,android版本 2.js获取页面url.domain.title function browserInfo() { var browser = { versions : function() { var u = window.navigator.userAgent; //android版本 var num; if (u.indexOf('Trident') > -1) { //IE return "IE"; } e

JS获取浏览器可视区域尺寸

在没有声明DOCTYPE的IE中,浏览器显示窗口大小只能以下获取: document.body.offsetWidth document.body.offsetHeight 在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小: document.documentElement.clientWidth document.documentElement.clientHeight IE,FF,Safari皆支持该方法,opera虽支持该属性,但是返回的是页面尺寸: 同时,除了IE以外

js获取浏览器宽高、网页宽高、屏幕宽高、鼠标位置等(带图片说明)

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;(点击查看大图) 网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);(点击查看大图)有没有发现,offsetWidth和clientWidth的区别,offsetWidt是连滚动条一起包含在内的. 网页正文全文宽: documen

js 获取浏览器高度和宽度值

js 获取浏览器高度和宽度值 IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.body.clientWidth ==> BODY