`

检测浏览器及版本

阅读更多

navigator是在JavaScript中的一个独立的对象,他用于提供用户所使用的浏览器以及操作系统等信息,以navigator对象属性的形式来提供。
  appCodeName javaScript 1.0 介绍:与浏览器相关的内部代码名
  appMinorVersion IE4及其后续的版本 介绍:辅版本号(通常应用于浏览器的补丁或服务包)
  appName javaScript 1.0 介绍:浏览器的正式名称
  appVersion javaScript 1.0 介绍:览器的版本号
  cookieEnabled IE4和NS6及其后续版本介绍:返回用户浏览器是否启用了cookie
  cpuClass IE4及其后续的版本  介绍:回用户计算机的cpu的型号,通常intel芯片返回"x86"
  language NS4及其后续的版本 介绍:览器支持的语言
  mimeType  javaScript 1.1 介绍:浏览器支持的所有MIME类型的数组
  onLine JScript 1.0  介绍:回浏览器是否处于在线模式(IE4以上版本)
  opsProfile N/A 介绍:未定义
  oscpu NS6 及其后续的版本  介绍:浏览器正在运行的操作系统,其中可能有CPU的信息
  platform javaScript 1.2
  介绍:浏览器正在运行的操作系统平台,包括Win16(windows3.x),
  Win32(windows98,Me,NT,2000,xp),Mac68K(Macintosh 680x0)和MacPPC(Macintosh PowerPC)
  plugins javaScript 1.1 介绍:安装在浏览器上的所有插件的数组
  product NS6 及其后续的版本  介绍:浏览器的产品名
  productSub NS6 及其后续的版本 介绍:关于浏览器更多信息
  securityPolicy NS64及其后续的版本 介绍:浏览器支持的加密类型
  systemLanguage IE4及其后续的版本  介绍:用户操作系统支持的默认语言
  userAgent javaScript 1.0
  介绍:包含以下属性中所有或一部分的字符串:appCodeName,appName,appVersion,language,platform
  userLanguage IE4及其后续的版本  介绍:用户在自己的操作系统上设置的语言
  userProfile NS6 及其后续的版本 介绍:返回一个UserProfile对象,它存储用户的个人信息
  vender NS6 及其后续的版本 介绍:浏览器厂商名称
  vendorSub NS6 及其后续的版本  介绍:关于浏览器厂商更多的信息
  实例:判断客户端是否开启cookie
  if(navigator.cookieEnabled)

{   alert("已开启cookie");//符合条件继续执行自己的逻辑代码就可以了  }

else

{   alert("没有开启cookie");   }

使用过 jQuery 的朋友都知道,使用 jQuery 本身的 brower 方法就可以准确的判断用户在使用那种浏览器甚至是版本。好的开发库使用者都想了解其中的一些其实现机制,那么,jQuery 是如何做到这些的?

查看 jQuery 最新的源代码(版本 1.2.2),在第 1195 行至 1205 行,是它的判断浏览器的函数。
var userAgent = navigator.userAgent.toLowerCase();

// Figure out what browser is being used
jQuery.browser =

 { version}

;

使用正则逐步的匹配是哪种浏览器。有关正则方面相关的信息,可以参考这里。不过,有人肯定会怀疑这样的判断是否正确。那么我们先来看下下面四个主流浏览器的 user-agent:

Safari(Windows edition)

... AppleWebKit/523.12.9 (KHTML, like Gecko) Version/3.0 Safari/523.12.9Opera(Opera 9.2 on Windows XP)

Opera/9.24 (Windows NT 5.1; U; zh-cn)Mozilla(Firefox 2.0.11 on Windows XP)

... Windows NT 5.1; zh-CN; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11Internet Explorer (7.0 on Windows XP)

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)jQuery 非常巧妙的使用各浏览器各自不同的 user-agent 特性作为判断。比如 Safari 中 "webkit" 是专有的、"opera" 也是只有 Opera 浏览器特有等等。这种验证方法可以在目前主流的浏览器上面,基本都可以准确判断。

jQuery 浏览器判断

$(document).ready(function(){
var bro=$.browser;
var binfo="";
if(bro.msie)

{binfo="Microsoft Internet Explorer "+bro.version;}


if(bro.mozilla)

{binfo="Mozilla Firefox "+bro.version;}


if(bro.safari)

{binfo="Apple Safari "+bro.version;}


if(bro.opera)

{binfo="Opera "+bro.version;}


alert(binfo);
$("#browser").html(binfo);
})
该方法通过ietester在ie6,ie7,ie8以及火狐3.5,火狐(chrome)下测试通过

0
0
分享到:
评论

相关推荐

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

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

    js检测浏览器版本 javascript检测浏览器

    可以检测 目前主流的浏览器及版本,包括 *Microsoft Internet Explorer IE浏览器 * --> TheWorld 世界之窗 * --> TT浏览器 * --> 360浏览器 * Mathon 傲游浏览器 * Opera Opera浏览器 * Fire...

    用jQuery实现检测浏览器及版本的脚本代码

    ### 使用jQuery实现检测浏览器及版本的方法 随着Web技术的发展,前端开发工具的更新迭代变得尤为重要。其中,jQuery作为一款流行的JavaScript库,在简化DOM操作、事件处理等方面发挥了重要作用。本文主要探讨了利用...

    js检测浏览器类型

    此外,`navigator`对象还包含其他属性,如`navigator.appName`(返回浏览器名称)和`navigator.appVersion`(返回浏览器版本),但这些属性在现代浏览器中并不十分可靠,因此通常我们还是依赖`navigator.userAgent`...

    js、css、html判断浏览器的各种版本

    ### JavaScript(JS)检测浏览器版本 JavaScript提供了多种方法来检测浏览器的版本。最常用的方法是通过`navigator.userAgent`属性,它返回一个字符串,包含了浏览器的类型和版本信息。例如,要检测是否为Internet ...

    判断浏览器版本及类型

    ### 知识点一:JavaScript检测浏览器类型与版本 ...综上所述,虽然通过JavaScript检测浏览器类型及版本是一种常见的做法,但在实际应用中还需要考虑到其局限性,并采取适当的优化措施以提高兼容性和安全性。

    navigator-检测浏览器版本-javascript

    ### 使用navigator对象检测浏览器版本及特性 在网页开发过程中,有时候我们需要根据用户的浏览器类型或版本来调整页面的行为或样式。JavaScript 提供了 `navigator` 对象来帮助开发者获取客户端浏览器的相关信息,...

    检测浏览器版本提示升级js插件

    "检测浏览器版本提示升级js插件"正是为了解决这一问题,它允许网站确保用户使用的是与网站功能兼容的最新浏览器版本。 **badbrowser.js插件详解** `badbrowser.js` 是一个JavaScript插件,它的主要功能是检查用户...

    js检测浏览器版本代码,兼容ie11

    在JavaScript编程中,检测浏览器版本是一项重要的任务,特别是在需要确保应用程序与各种浏览器,尤其是历史悠久但仍然广泛使用的Internet Explorer(IE)兼容时。标题"js检测浏览器版本代码,兼容ie11"表明我们要...

    检测当前浏览器支持的javascript版本

    在现代Web开发中,更推荐使用以下几种方法来检测浏览器支持的JavaScript版本: ##### 1. 特性检测 **特性检测**是一种更为健壮和实用的方法,它不依赖于特定的版本信息,而是通过检查特定功能或对象是否存在来判断...

    js 特效 html 特效 检测浏览器支持的js版本

    js 特效 html 特效 检测浏览器支持的js版本 js 特效 html 特效 检测浏览器支持的js版本

    JS检查浏览器的版本

    console.log("navigator.userAgentData 不可用,无法精确检测浏览器信息"); } ``` 总的来说,检查浏览器版本是前端开发中的一个重要环节,这有助于确保我们的代码能在不同的浏览器环境下正常工作。通过理解并利用`...

    基于JavaScript检测浏览器版本及操作系统版本

    1、资源内容:基于JavaScript检测浏览器版本及操作系统版本 2、适用人群:计算机,电子信息工程、数学等专业的学习者,作为“参考资料”参考学习使用。 3、解压说明:本资源需要电脑端使用WinRAR、7zip等解压工具...

    JQuery鉴别各种浏览器以及版本

    // 浏览器版本为5.0 } ``` 不过需要注意的是,由于这个功能在jQuery 1.9中被移除,因此对于较新的jQuery版本,我们不能依赖这个对象。 2. **UserAgent字符串检查** 自jQuery 1.9以来,为了减少维护负担并鼓励...

    判断浏览器版本的js代码

    ### 知识点一:JavaScript检测浏览器...综上所述,了解并掌握JavaScript检测浏览器版本的方法对于前端开发者来说是非常有用的技能之一。不过,在实际应用时也需要考虑到其潜在的问题和限制,确保代码的健壮性和兼容性。

    所有浏览器版本信息查询

    这就需要用到工具如BrowserStack或CrossBrowserTesting,也可以利用脚本检测用户的浏览器版本,然后进行相应的功能适配或提示用户升级浏览器。 此外,对于企业内部应用或对外提供服务的网站,可能会设定最低支持的...

    javascript 检测浏览器类型和版本的代码

    检测浏览器及其版本的代码 代码如下: getBrowser : function(){ var browser = { msie: false, firefox: false, opera: false, safari: false, chrome: false, netscape: false, appname: ‘unknown’, version: 0 }...

    jQuery判断浏览器版本过低提示代码

    标题中的"jQuery判断浏览器版本过低提示代码"是指使用jQuery来检测用户浏览器的版本,并在浏览器版本不符合要求时显示警告信息。这种做法有助于提高用户体验,因为它可以引导用户升级到支持更多现代Web技术的浏览器...

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

    3. JavaScript 检测浏览器类型和版本的代码 4. js/jquery 推断浏览器类型的方法 获取浏览器类型和版本是一个非常重要的功能,它可以帮助开发者更好地适应不同的浏览器环境,从而提高 web 应用程序的兼容性和可用性...

Global site tag (gtag.js) - Google Analytics