`
xfjt297857539
  • 浏览: 152986 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

JS判断浏览器类型与版本(摘)

    博客分类:
  • js
 
阅读更多
JS判断浏览器类型与版本

在JS中判断浏览器的类型,估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中,IE、Firefox、Opera、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代码
<script language="JavaScript"> 
    <!-- 
function getOs() 

    var OsObject = ""; 
   if(navigator.userAgent.indexOf("MSIE")>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()); 
    --> 
</script>
---------------------------------------------------------------

1,第一种检测浏览器方式称为 user-agent 检测方式。是最古老的,它检测目标浏览器的确切型号,包括浏览器的名称和版本。其实就是一个字符串,用navigator.userAgen或navigator.appName获取。如下:
function isIE(){

return navigator.appName.indexOf("Microsoft Internet Explorer")!=-1 && document.all;

}

function isIE6() {

return navigator.userAgent.split(";")[1].toLowerCase().indexOf("msie 6.0")=="-1"?false:true;

}

function isIE7(){

return navigator.userAgent.split(";")[1].toLowerCase().indexOf("msie 7.0")=="-1"?false:true;

}

function isIE8(){

return navigator.userAgent.split(";")[1].toLowerCase().indexOf("msie 8.0")=="-1"?false:true;

}

function isNN(){

return navigator.userAgent.indexOf("Netscape")!=-1;

}

function isOpera(){

return navigator.appName.indexOf("Opera")!=-1;

}

function isFF(){

return navigator.userAgent.indexOf("Firefox")!=-1;

}

function isChrome(){

return navigator.userAgent.indexOf("Chrome") > -1; 

}



分享到:
评论

相关推荐

    javascript获取浏览器类型和版本的方法(js获取浏览器版本).docx

    JavaScript 获取浏览器类型和版本的方法 浏览器类型和版本是 web 开发中非常重要的信息,许多web应用程序需要根据浏览器类型和版本来进行相应的处理。JavaScript 提供了多种方法来获取浏览器类型和版本,本文将介绍...

    js判断浏览器类型,返回浏览器类型名称.

    以下是一个详细的指南,介绍如何使用JavaScript判断并返回浏览器类型。 首先,JavaScript通过`navigator`对象提供了一系列属性,可以用来获取关于用户浏览器的信息。`navigator.userAgent`属性是最常用的一个,它...

    jquery1.9判断浏览器类型和版本

    总的来说,虽然jQuery 1.9移除了`$.browser`,但通过JavaScript的`navigator`对象,我们仍然可以有效地判断浏览器类型和版本。使用这种方法时,要注意保持代码的可维护性和兼容性,避免过于依赖特定浏览器的行为。...

    基于js判断浏览器是否支持webGL.docx

    "基于js判断浏览器是否支持webGL" 基于JavaScript判断浏览器是否支持WebGL是Web开发中一个非常重要的知识点。WebGL(Web Graphics Library)是一种基于浏览器的图形库,允许开发者使用JavaScript编写三维图形应用...

    javascript判断浏览器类型

    简单的一二十代码, 就可以判断出当前所有浏览器的类型, 支持的浏览器也有很多,感谢支持

    js判断浏览器类型

    在JavaScript编程中,判断浏览器类型是一项常见的需求,这有助于开发者为不同浏览器提供特定的优化或者兼容性处理。本文将深入探讨如何使用JavaScript来识别用户所使用的浏览器类型。 首先,JavaScript提供了一个...

    基于JavaScript判断浏览器到底是关闭还是刷新(超准确)

    本文介绍了通过JavaScript判断浏览器是关闭还是刷新的方法。在Web开发过程中,有时候需要区分用户是关闭了浏览器窗口,还是仅仅刷新了页面,这对于执行某些特定的逻辑操作是很重要的。例如,当用户关闭浏览器窗口时...

    使用js检测当前浏览器版本,多浏览器类型和版本号检测

    本文将深入探讨如何使用JavaScript来检测浏览器版本,特别关注IE(Internet Explorer)的各种版本。 1. **获取浏览器信息的基础方法** JavaScript提供了`navigator`对象,该对象包含了关于用户浏览器的信息。我们...

    JS 判断浏览器版本号

    本文将深入探讨如何利用JavaScript来判断浏览器版本号,以实现更好的跨浏览器兼容性。 首先,我们需要理解不同浏览器的User-Agent字符串。User-Agent是浏览器发送到服务器的一个头部信息,包含了浏览器的类型、版本...

    利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)

    现在的浏览器大概有好几种,各个人的喜好也不同,所以也就用着不同的浏览器!我们开发的人来说经常要加个判断,要不可能某些功能没法正常使用。要是没加个判断就会给大家带来些麻烦!虽然可能大家的喜好不同!用的系统也...

    js判断浏览器版本以及浏览器内核的方法

    本文实例讲述了js判断浏览器版本以及浏览器内核的方法。分享给大家供大家参考。具体实现方法如下: js判断是否移动端及浏览器内核 var browser = { versions: function() { var u = navigator.userAgent; return...

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

    不同浏览器对HTML、CSS以及JavaScript的实现可能存在差异,因此,为了确保网页在各种浏览器下都能正常工作,开发者需要编写特定的代码来检测用户所使用的浏览器类型及其版本。以下是一些常用的JavaScript方法来实现...

    javascript获取浏览器类型和版本的方法(js获取浏览器版本)

    了解如何使用JavaScript获取浏览器类型和版本是非常实用的,它可以帮助开发者根据不同的浏览器情况来优化网站的表现或用户体验。以下,我们将详细探讨在JavaScript中获取浏览器类型和版本的方法。 首先,要获取...

    js判断浏览器的环境(pc端,移动端,还是微信浏览器)

    在学习和工作中,使用JavaScript(JS)来判断浏览器的环境是一种常见的需求。这涉及到检测当前用户是通过PC端、移动端还是微信浏览器访问网站。通过不同的环境来调整网站的布局、功能或是用户体验,对于Web开发而言...

    判断浏览器类型屏幕分辨率自动调用不同CSS的代码

    该脚本主要实现了根据用户所使用的浏览器类型以及屏幕分辨率来动态加载不同的CSS样式表。这种技术在早期网页开发中较为常见,用于实现针对不同设备或浏览器的适配方案。 #### 二、解析脚本逻辑 1. **检测浏览器...

    判断浏览器js

    判断浏览器js

    JavaScript 判断浏览器类型及版本

    几天前,浏览器家族有刚诞生了一位小王子,就是...JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属

    JS获取各浏览器名称和版本

    ie,谷歌,火狐,safari等浏览器均可判断出来,也是借鉴别人的

    js判断主流浏览器类型和版本号的简单实现代码

    在这篇文章中,作者提供了一种使用JavaScript语言来判断用户当前所使用的浏览器类型以及版本号的简单实现代码。在Web开发过程中,开发者常常需要根据不同的浏览器环境来调整代码,以确保功能的正确执行或提供更好的...

Global site tag (gtag.js) - Google Analytics