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)達到最佳的效果,下面是獲取當前瀏覽器的代碼:
復制代碼 代碼如下:
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 獲取和設置css3 屬性值的實現(xiàn)方法
- javascript獲取元素CSS樣式代碼示例
- js獲取某元素的class里面的css屬性值代碼
- JS使用getComputedStyle()方法獲取CSS屬性值
- Javascript獲取CSS偽元素屬性的實現(xiàn)代碼
- JS獲取CSS樣式(style/getComputedStyle/currentStyle)
相關文章
HTML+CSS+JavaScript實現(xiàn)簡單日歷效果
這篇文章主要為大家詳細介紹了HTML+CSS+JavaScript實現(xiàn)簡單日歷效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-07-07
JScript中使用ADODB.Stream判斷文件編碼的代碼
在實現(xiàn)TextStraem的時候,找到判斷文件編碼的代碼是VBS的,但是在JScript中是沒有ASC等函數(shù)的,也不能對二進制數(shù)據(jù)進行處理,因此需要通過一個特別的方法來獲取文件開關的編碼標識。2008-06-06
非常漂亮的讓背景如此暗淡(一種彈出提示信息時頁面背景色調(diào)改變的方法)
非常漂亮的讓背景如此暗淡(一種彈出提示信息時頁面背景色調(diào)改變的方法)...2007-04-04
淺析Javascript中bind()方法的使用與實現(xiàn)
下面小編就為大家?guī)硪黄獪\析Javascript中bind()方法的使用與實現(xiàn)。小編覺得挺不錯的,現(xiàn)在分享給大家,一起跟隨小編過來看看吧2016-04-04
用js+iframe形成頁面的一種遮罩效果的具體實現(xiàn)
用js形成頁面的一種遮罩效果,選擇想要進行遮罩的窗口,在這里想要遮罩的是一個iframe窗口,具體的實現(xiàn)如下,感興趣的朋友可以參參考下2013-12-12

