前端开发

 首页 > 前端开发 > javascript > JS判断浏览器类型的方法总结

JS判断浏览器类型的方法总结

分享到:
【字体:
导读:
          JS中判断浏览器的 类型,估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中,IE、Firefox、Opera、Safari……..众多品牌 却标准不一,因此时常需要根据不同的浏览器...


各类浏览器在JS的navigator.userAgent.toLowerCase()中显示结果

1 火狐 mozilla/5.0 (windows; u; windows nt 5.1; zh-cn; rv:1.9.0.10) gecko/2009042316 firefox/3.0.10 qqdownload/1.7
2 IE8 mozilla/4.0 (compatible; msie 8.0; windows nt 5.1; trident/4.0; .net clr 2.0.50727; .net clr 3.0.4506.2152; .net clr 3.5.30729)
3 谷歌 mozilla/5.0 (windows; u; windows nt 5.1; en-us) applewebkit/532.0 (khtml, like gecko) chrome/4.0.211.2 safari/532.0
4 Opera opera/9.80 (windows nt 5.1; u; zh-cn) presto/2.6.30 version/10.61
5 苹果 mozilla/5.0 (windows; u; windows nt 5.1; zh-cn) applewebkit/533.16 (khtml, like gecko) version/5.0 safari/533.16
6 IE6 mozilla/4.0 (compatible; msie 6.0; windows nt 5.1;sv1)

下面列举一下常用的判断方法:


        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);
    

1、判断浏览器是否为IE

document.all ? 'IE' : 'others':在IE下document.all值为1,而其他浏览器下的值为0;
navigator.userAgent.indexOf("MSIE")>0 ? 'IE' : 'others':navigator.userAgent是描述用户代理信息。
navigator.appName.indexOf("Microsoft") != -1 ? 'IE' : 'others':navigator.appName描述浏览器名称信息。

2、判断IE版本

navigator.appVersion.match(/6./i)=="6." ? 'IE6′ : 'other version'

:在已知是IE浏览器的情况下,可以通过此方法判断是否是IE6;

navigator.userAgent.indexOf("MSIE 6.0″)>0 ? 'IE7′ : 'other version':同上;
navigator.appVersion.match(/7./i)=="7." ? 'IE7′ : 'other version':

在已知是IE浏览器的情况下,可以通过此方法判断是否是IE7;

navigator.userAgent.indexOf("MSIE 7.0″)>0 ? 'IE7′ : 'other version':同上;
navigator.appVersion.match(/8./i)=="8." ? 'IE8′ : 'other version'

:在已知是IE浏览器的情况下,可以通过此方法判断是否是IE8;

navigator.userAgent.indexOf("MSIE 8.0″)>0 ? 'IE8′ : 'other version'

3、JS获取浏览器信息

浏览器代码名称:navigator.appCodeName
浏览器名称:navigator.appName
浏览器版本号:navigator.appVersion
对Java的支持:navigator.javaEnabled()
MIME类型(数组):navigator.mimeTypes
系统平台:navigator.platform
插件(数组):navigator.plugins
用户代理:navigator.userAgent

DEMO:

Js代码


0) {
return "MSIE";
}
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());
–>


分享到:
js获取当前日期时间及其它日期操作汇总
本文实例为大家分享了javascript时间操作的使用常见场景,供大家参考,具体内容如下 var myDate = new Date();  myDate.getYear(); //获取当前年份(2位)  myDate.getFullYear(); //获取完整的年份(4位,1970-????)  myDate.getMonth(); //获取当前月份(0-11,0代表1月)  myDate.getDate(); //获取当前日(1-31...
IE和Firefox的Javascript兼容性总结[转]
  长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性:   一、函数和方法差异;   二、样式访问和设置;   三、DOM方法及对象引用;   四、事件处理;   五、其他...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……