js判断浏览器版本和类型的二种方法

发布时间:2019-11-07编辑:脚本学堂
本文介绍下,用js代码判断浏览器的版本与类型的二种方法,有需要的朋友参考下吧。

js判断浏览器的版本与类型。

方法一,同时判断浏览器类型与版本;
通过分析浏览器的userAgent属性来判断;
示例:
IE的userAgent如下:
 

Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0);

Firefox 的userAgent如下:
 

Mozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208 Firefox/3.0.1

toLowerCase:用于转为小写字母;
match(regExp),使用指定的正则表达式搜索字符串,方法返回一个数组,记录了在字符串中匹配正则表达式的位置;
match()以正则表达式为参数,exec()以字符串为参数;
此方法:采用了“... ? ... : ...”这样的判断表达式来精简代码。判断条件是一条赋值语句,既完成正则表达式的匹配及结果复制,又直接作为条件判断。
而随后的版本信息只需从前面的匹配结果中提取即可。

例1,
 

复制代码 代码示例:
<script type="text/javascript">
/**
* 同时检测浏览器的版本与类型
* edit www.jb200.com
*/
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) document.write('IE: ' + Sys.ie);
        if (Sys.firefox) document.write('Firefox: ' + Sys.firefox);
        if (Sys.chrome) document.write('Chrome: ' + Sys.chrome);
        if (Sys.opera) document.write('Opera: ' + Sys.opera);
        if (Sys.safari) document.write('Safari: ' + Sys.safari);
</script>
 

方法二:
通过indexOf()方法来判断,该方法返回一个整数值,指出String对象内字符串的开始位置,如果没有找到字符串,则返回-1,在这里>0 表示找到匹配的字符串;
 

复制代码 代码示例:
<script language="JavaScript">
/**
* indexOf方法判断浏览器类型
* edit www.jb200.com
*/
<!--
function getOs()
{
    var OsObject = "";
   if(navigator.userAgent.indexOf("MSIE")>0) {
      return "IE";
   }
   if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
        return "Firefox";
   }
   if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
        return "Safari";
   }
   if(isCamino=navigator.userAgent.indexOf("Camino")>0){
        return "Camino";
   }
   if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
        return "Gecko";
   }
}
alert("您的浏览器类型为:"+getOs());
-->
</script>
 

将以上代码放到head标签内进行测试,即可看到效果。

您可能感兴趣的文章:
js判断浏览器类型与版本号的代码
javascript 判断浏览器版本的代码
检测浏览器版本的js代码
javascript判断浏览器类型与版本的代码
js判断浏览器版本等相关信息