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)
else
使用过 jQuery 的朋友都知道,使用 jQuery 本身的 brower 方法就可以准确的判断用户在使用那种浏览器甚至是版本。好的开发库使用者都想了解其中的一些其实现机制,那么,jQuery 是如何做到这些的?
查看 jQuery 最新的源代码(版本 1.2.2),在第 1195 行至 1205 行,是它的判断浏览器的函数。
var userAgent = navigator.userAgent.toLowerCase();
// Figure out what browser is being used
jQuery.browser =
;
使用正则逐步的匹配是哪种浏览器。有关正则方面相关的信息,可以参考这里。不过,有人肯定会怀疑这样的判断是否正确。那么我们先来看下下面四个主流浏览器的 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)
if(bro.mozilla)
if(bro.safari)
if(bro.opera)
alert(binfo);
$("#browser").html(binfo);
})
该方法通过ietester在ie6,ie7,ie8以及火狐3.5,火狐(chrome)下测试通过