js 獲取瀏覽器版本以此來(lái)調(diào)整CSS的樣式
更新時(shí)間：2014年06月03日 09:59:34 作者：
判斷當(dāng)前使用的是那個(gè)瀏覽器及瀏覽器的那個(gè)版本，根據(jù)瀏覽器版本來(lái)調(diào)整CSS的樣式，下面是獲取當(dāng)前瀏覽器的代碼,需要的朋友可以參考下
1、在web開發(fā)中，會(huì)經(jīng)常讓你判斷當(dāng)前使用的是那個(gè)瀏覽器及瀏覽器的那個(gè)版本，根據(jù)瀏覽器版本來(lái)調(diào)整CSS的樣式，
使在web界面在各個(gè)瀏覽器展現(xiàn)達(dá)到最佳的效果，下面是獲取當(dāng)前瀏覽器的代碼：
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;
}
使在web界面在各個(gè)瀏覽器展現(xiàn)達(dá)到最佳的效果，下面是獲取當(dāng)前瀏覽器的代碼：
復(fù)制代碼 代碼如下:
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;
}
您可能感興趣的文章:
- 用JavaScript獲取網(wǎng)頁(yè)中的js、css、Flash等文件
- javascript 獲取特定的 CSS屬性值
- 獲取css樣式表內(nèi)樣式的js函數(shù)currentStyle(IE),defaultView(FF)
- js 獲取和設(shè)置css3 屬性值的實(shí)現(xiàn)方法
- javascript獲取元素CSS樣式代碼示例
- js獲取某元素的class里面的css屬性值代碼
- JS使用getComputedStyle()方法獲取CSS屬性值
- Javascript獲取CSS偽元素屬性的實(shí)現(xiàn)代碼
- JS獲取CSS樣式（style/getComputedStyle/currentStyle）
相關(guān)文章
HTML+CSS+JavaScript實(shí)現(xiàn)簡(jiǎn)單日歷效果
這篇文章主要為大家詳細(xì)介紹了HTML+CSS+JavaScript實(shí)現(xiàn)簡(jiǎn)單日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
JScript中使用ADODB.Stream判斷文件編碼的代碼
在實(shí)現(xiàn)TextStraem的時(shí)候，找到判斷文件編碼的代碼是VBS的，但是在JScript中是沒有ASC等函數(shù)的，也不能對(duì)二進(jìn)制數(shù)據(jù)進(jìn)行處理，因此需要通過(guò)一個(gè)特別的方法來(lái)獲取文件開關(guān)的編碼標(biāo)識(shí)。2008-06-06
這篇文章主要介紹了JavaScript常見鼠標(biāo)事件與用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript 8種常見的鼠標(biāo)事件與相關(guān)使用技巧,需要的朋友可以參考下2019-01-01
非常漂亮的讓背景如此暗淡（一種彈出提示信息時(shí)頁(yè)面背景色調(diào)改變的方法）
非常漂亮的讓背景如此暗淡（一種彈出提示信息時(shí)頁(yè)面背景色調(diào)改變的方法）...2007-04-04
JS OOP包機(jī)制,類創(chuàng)建的方法定義
JS OOP包機(jī)制,類創(chuàng)建的方法定義,需要的朋友可以參考下。2009-11-11
這篇文章主要介紹了微信小程序如何訪問(wèn)公眾號(hào)文章，隨著小程序不斷的發(fā)展，現(xiàn)在個(gè)人的小程序也開放了很多功能了，個(gè)人小程序直接打開公眾號(hào)鏈接。在群里看到的一款小程序，點(diǎn)擊可以直接閱讀文章了,需要的朋友可以參考下2019-07-07
JS代碼實(shí)現(xiàn)根據(jù)時(shí)間變換頁(yè)面背景效果
這篇文章主要介紹了JS代碼實(shí)現(xiàn)根據(jù)時(shí)間變換頁(yè)面背景效果的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友一起看下吧2016-06-06
淺析Javascript中bind()方法的使用與實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇淺析Javascript中bind()方法的使用與實(shí)現(xiàn)。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，一起跟隨小編過(guò)來(lái)看看吧2016-04-04
JavaScript實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)的盒子
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)的盒子，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
用js+iframe形成頁(yè)面的一種遮罩效果的具體實(shí)現(xiàn)
用js形成頁(yè)面的一種遮罩效果，選擇想要進(jìn)行遮罩的窗口，在這里想要遮罩的是一個(gè)iframe窗口，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參參考下2013-12-12