`

检测浏览器及版本

阅读更多

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
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics