js判断浏览器类型,版本的代码(附多个实例代码(2)

通过分析各类浏览器的userAgent信息,不难得出分辨各类浏览器及其版本的正则表达式。而且,对浏览器类型的判断和版本的判断完全可以合为一体地进行。于是,我们可以写出下面的代码:


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

其中,采用了“... ? ... : ...”这样的判断表达式来精简代码。判断条件是一条赋值语句,既完成正则表达式的匹配及结果复制,又直接作为条件判断。而随后的版本信息只需从前面的匹配结果中提取即可,这是非常高效的代码。

以上的代码都是为了打造前端框架所做的预研,并在五大浏览器上测试通过。今后,判断某种浏览器只需用if(Sys.ie)或if(Sys.firefox)等形式,而判断浏览器版本只需用if(Sys.ie == '8.0')或if(Sys.firefox == '3.0')等形式,表达起来还是非常优雅的。

前端框架项目已经启动,一切就看过程和结果了...

脚本之家小编又为大家整理了几个代码:

复制代码 代码如下:


var Browser=new Object();
Browser.isMozilla=(typeof document.implementation!='undefined')&&(typeof document.implementation.createDocument!='undefined')&&(typeof HTMLDocument!='undefined');
Browser.isIE=window.ActiveXObject ? true : false;
Browser.isFirefox=(navigator.userAgent.toLowerCase().indexOf("firefox")!=-1);
Browser.isSafari=(navigator.userAgent.toLowerCase().indexOf("safari")!=-1);
Browser.isOpera=(navigator.userAgent.toLowerCase().indexOf("opera")!=-1);
function check(){
 alert(Browser.isIE?'ie':'not ie');
 alert(Browser.isFirefox?'Firefox':'not Firefox');
 alert(Browser.isSafari?'Safari':'not Safari');
 alert(Browser.isOpera?'Opera':'not Opera');
}
window.onload=check;

复制代码 代码如下:


function isBrowser(){
 var Sys={};
 var ua=navigator.userAgent.toLowerCase();
 var s;
 (s=ua.match(/msie ([\d.]+)/))?Sys.ie=s[1]:
 (s=ua.match(/firefox\/([\d.]+)/))?Sys.firefox=s[1]:
 (s=ua.match(/chrome\/([\d.]+)/))?Sys.chrome=s[1]:
 (s=ua.match(/opera.([\d.]+)/))?Sys.opera=s[1]:
 (s=ua.match(/version\/([\d.]+).*safari/))?Sys.safari=s[1]:0;
 if(Sys.ie){//Js判断为IE浏览器
  alert('https://www.jb51.net'+Sys.ie);
  if(Sys.ie=='9.0'){//Js判断为IE 9
  }else if(Sys.ie=='8.0'){//Js判断为IE 8
  }else{
  }
 }
 if(Sys.firefox){//Js判断为火狐(firefox)浏览器
  alert('https://www.jb51.net'+Sys.firefox);
 }
 if(Sys.chrome){//Js判断为谷歌chrome浏览器
  alert('https://www.jb51.net'+Sys.chrome);
 }
 if(Sys.opera){//Js判断为opera浏览器
  alert('https://www.jb51.net'+Sys.opera);
 }
 if(Sys.safari){//Js判断为苹果safari浏览器
  alert('https://www.jb51.net'+Sys.safari);
 }
}

分享一个通过jquery获取浏览器类型和浏览器版本号的函数方法。具体jquery代码如下:

复制代码 代码如下:


$(document).ready(function(){
 varbrow=$.browser;
 varbInfo="";
 if(brow.msie){bInfo="MicrosoftInternetExplorer"+brow.version;}
 if(brow.mozilla){bInfo="MozillaFirefox"+brow.version;}
 if(brow.safari){bInfo="AppleSafari"+brow.version;}
 if(brow.opera){bInfo="Opera"+brow.version;}
 alert(bInfo);
});

jQuery  从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 方法,如果需要了解 $.support 请参考:

jQuery 1.9使用$.support替代$.browser方法

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgpfwx.html