js 獲取瀏覽器版本以此來調(diào)整CSS的樣式
更新時間:2014年06月03日 09:59:34 作者:
判斷當前使用的是那個瀏覽器及瀏覽器的那個版本,根據(jù)瀏覽器版本來調(diào)整CSS的樣式,下面是獲取當前瀏覽器的代碼,需要的朋友可以參考下
1、在web開發(fā)中,會經(jīng)常讓你判斷當前使用的是那個瀏覽器及瀏覽器的那個版本,根據(jù)瀏覽器版本來調(diào)整CSS的樣式,
使在web界面在各個瀏覽器展現(xiàn)達到最佳的效果,下面是獲取當前瀏覽器的代碼:
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界面在各個瀏覽器展現(xiàn)達到最佳的效果,下面是獲取當前瀏覽器的代碼:
復(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)頁中的js、css、Flash等文件
- javascript 獲取特定的 CSS屬性值
- 獲取css樣式表內(nèi)樣式的js函數(shù)currentStyle(IE),defaultView(FF)
- js 獲取和設(shè)置css3 屬性值的實現(xiàn)方法
- javascript獲取元素CSS樣式代碼示例
- js獲取某元素的class里面的css屬性值代碼
- JS使用getComputedStyle()方法獲取CSS屬性值
- Javascript獲取CSS偽元素屬性的實現(xiàn)代碼
- JS獲取CSS樣式(style/getComputedStyle/currentStyle)
相關(guān)文章
理解JavaScript中的Proxy 與 Reflection API
這篇文章主要介紹了JavaScript中的Proxy 與 Reflection API的相關(guān)資料,幫助大家更好的理解和學習JavaScript,感興趣的朋友可以了解下2020-09-09javascript游戲開發(fā)之《三國志曹操傳》零部件開發(fā)(五)可移動地圖的實現(xiàn)
首先來說,我對游戲開發(fā)可以算是不怎么深入,因為現(xiàn)在的程序員愛用canvas,我卻就只會拿幾個div湊和。不過沒關(guān)系,因為做出來的同樣是游戲。哈!廢話最近有點多,感興趣的朋友可以了解下2013-01-01javascript中call,apply,callee,caller用法實例分析
這篇文章主要介紹了javascript中call,apply,callee,caller用法,結(jié)合實例形式分析了javascript中call,apply,callee,caller功能、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2019-07-07JavaScript判斷圖片是否已經(jīng)加載完畢的方法匯總
在網(wǎng)上有很多關(guān)于判斷圖片是否已經(jīng)加載完畢的文章,但是有的瀏覽器并不適合,下面小編給大家分享一些有關(guān)JavaScript判斷圖片是否已經(jīng)加載完畢的方法匯總,需要的朋友參考下2016-02-02