最早由Netscape Navigator 2.0引入的navigator对象,现在已经成为识别客户端浏览器的事实标准。
虽然其它浏览器也通过其它方式提供了相同或相似的信息(例如,IE中的window.clientInformation
和Opera中的window.opera),但navigator对象却是所有支持JavaScript的浏览器所共有的。
与其它BOM对象的情况一样,每个浏览器中的navigator对象也都有一套自己的属性。下表列出了存在于
所有浏览器中的属性和方法,以及支持它们的浏览器版本。
属性或方法
说明
IE
FireFox
Safari/Chrome
Opera
appCodeName |
返回浏览器的名称,通常是Mozilla,即使在非Mozilla浏览器中也是如此 |
3.0+ |
1.0+ |
1.0+ |
7.0+ |
appMinorVersion |
次版本信息 |
4.0+ |
- |
- |
9.5+ |
appName |
完整的浏览器名称 |
3.0+ |
1.0+ |
1.0+ |
7.0+ |
appVersion |
浏览器的版本,一般不与实际的浏览器版本对应 |
3.0+ |
1.0+ |
1.0+ |
7.0+ |
buildID |
浏览器的编译版本 |
- |
2.0+ |
- |
- |
cookieEnabled |
表示cookie是否启用 |
4.0+ |
1.0+ |
1.0+ |
7.0+ |
cpuClass |
客户端计算机中使用的CPU类型(x86、68K、Alpha、PPC或other) |
4.0+ |
- |
- |
- |
javaEnabled |
表示当前浏览器中是否启用了java |
4.0+ |
1.0+ |
1.0+ |
7.0+ |
language |
浏览器的主语言 |
- |
1.0+ |
1.0+ |
7.0+ |
mimeType |
在浏览器中注册的MIME类型数组 |
4.0+ |
1.0+ |
1.0+ |
7.0+ |
onLine |
表示浏览器是否连接到因特网 |
4.0+ |
1.0+ |
- |
9.5+ |
opsProfile |
似乎早就不用了,查不到相关文档 |
4.0+ |
- |
- |
- |
oscpu |
客户端计算机使用的操作系统或使用的CPU |
- |
1.0+ |
- |
- |
platform |
浏览器所在的系统平台 |
4.0+ |
1.0+ |
1.0+ |
7.0+ |
plugins |
浏览器中安装的插件信息的数组 |
4.0+ |
1.0+ |
1.0+ |
7.0+ |
preference() |
设置用户的首选项 |
- |
1.5+ |
- |
- |
product |
产品名称(如Gecko) |
- |
1.0+ |
1.0+ |
- |
productSub |
关于产品的次要信息(如Gecko的版本) |
- |
1.0+ |
1.0+ |
- |
registerContentHandler() |
针对特定的MIME类型将一个站点注册为处理程序 |
- |
2.0 |
- |
- |
registerProtocolHandler() |
针对特定协议将一个站点注册为处理程序 |
- |
2.0 |
- |
- |
securityPolicy |
已经废弃。安全策略的名称。为了与Netscape Navigator 4向后兼容而保留下来 |
- |
1.0+ |
- |
- |
systemLanguage |
操作系统的语言 |
4.0+ |
- |
- |
- |
taintEnabled |
已经废弃。表示是否允许变量被修改(taint)。为了与Netscape Navigator 3向后兼容而保留下来 |
4.0+ |
1.0+ |
- |
7.0+ |
userAgent |
浏览器的用户代理字符串 |
3.+ |
1.0+ |
1.0+ |
7.0+ |
userLanguage |
操作系统的默认语言 |
4.0+ |
- |
- |
7.0+ |
userProfile |
借以访问用户个人信息的对象 |
4.0+ |
- |
- |
- |
vendor |
浏览器的品牌 |
- |
1.0+ |
1.0+ |
- |
vendorSub |
有关供应商的次要信息 |
- |
1.0+ |
1.0+ |
- |
表中的这些navigator对象的属性通常用于检测显示网页的浏览器类型。
检测插件
检测浏览器中是否安装了特定的插件是一种最常见的检例程。对于非IE浏览器可以使用plugins数组达到
这个目的。该数组中的每一项都包含下列属性。
name: 插件名字
description: 插件的描述
filename: 插件的文件名
length: 插件所处理的MIME类型数量
一般来说,name属性中会包含检测插件必需的所有信息,但有时候也不完全如此。在检测插件时,需要像
下面这样循环迭代每个插件并将插件的name与给定的名字进行比较。
/**
* 检测浏览器中是否存在此插件(在IE中无效)
* @param 插件名 name
* @return boolean 存在插件返回true,否则返回false
*/
function hasPlugin (name) {
name = name.toLowerCase();
for (var i = 0; i < navigator.plugins.length; i++) {
if (navigator.plugins[i].name.toLowerCase().indexOf(name) > -1) {
return true;
}
}
return false;
}
而检测IE中的插件比较麻烦,因为IE不支持Netscape式的插件。在IE中检测插件的唯一方式就是使用专有的
ActiveXObject类型,并尝试创建一个特定插件的实例。IE是以COM对象的方式实现插件的,而COM对象使用
唯一标识符来标识。因此,要想检查特定的插件,就必须知道其COM标识符。例如,Flash的标识符是
ShockwaveFlash.ShockwaveFlash。知道唯一标识符之后,就可以编写类似下面的函数来检测IE中是否安装
相应的插件了。
/**
* 检测IE中的插件
* @param 插件名 name
* @return boolean 存在插件返回true,否则返回false
*/
function hasIEPlugin (name) {
try {
new ActiveXObject(name);
return true;
} catch (ex) {
return false;
}
}
鉴于检测这两种插件的方法差别太大,因此典型的做法是针对每个插件分别创建检测函数,而不是使用前面
介绍的通用检测方法。来看下面的例子。
/**
* 检测浏览器中是否存在此插件(在IE中无效)
* @param 插件名 name
* @return boolean 存在插件返回true,否则返回false
*/
function hasPlugin (name) {
name = name.toLowerCase();
for (var i = 0; i < navigator.plugins.length; i++) {
if (navigator.plugins[i].name.toLowerCase().indexOf(name) > -1) {
return true;
}
}
return false;
}
/**
* 检测IE中的插件
* @param 插件名 name
* @return boolean 存在插件返回true,否则返回false
*/
function hasIEPlugin (name) {
try {
new ActiveXObject(name);
return true;
} catch (ex) {
return false;
}
}
// 检测所有浏览器中的Flash
function hasFlash () {
// return hasPlugin("Flash") || hasIEPlugin("ShockwaveFlash.ShockwaveFlash");
var result = hasPlugin("Flash");
if (!result) {
result = hasIEPlugin("ShockwaveFlash.ShockwaveFlash");
}
return result;
}
// 检测所有浏览器中的QuickTime
function hasQuickTime () {
// return hasPlugin("QuickTime") || hasIEPlugin("QuickTime.QuickTime");
var result = hasPlugin("QuickTime");
if (!result) {
reseult = hasIEPlugin("QuickTime.QuickTime");
}
return result;
}
alert(hasFlash()); // 检测浏览器是否有Flash插件
alert(hasQuickTime()) // 检测浏览器是否有QuickTime插件
相关推荐
Chrome的插件隐私阻止您的浏览器插件受到指纹或讯问。 隐藏navigator.plugins和navigator.mimeType保护您的隐私。 ##为什么 ? 您的插件列表可以帮助您识别浏览器并进行跟踪。 参见 ##安装我现在不想付给Google $ ...
代码如下: //检测非IE浏览器插件函数 function hasPlugin(name) { name = name.toLowerCase(); for (var i=0 ; i < navigator>-1) { return true; } } return false; } //检测IE浏览器插件函数 function hasIEPlugin...
browser test ...插件检测 navigator.plugins 是一个数组,存储浏览器已经安装插件的完整列表 window.navigator.plugins[i].name 插件名 window.navigator.plugins[i].filename 文件名 window.navigator.plugi
JS获取浏览器信息 代码如下: 浏览器代码名称:navigator.appCodeName 浏览器名称:navigator.appName 浏览器版本号:navigator.appVersion 对Java的支持:navigator.javaEnabled() MIME类型(数组):navigator....
利用Javascript可以探测在网络浏览器中的插件程序,但是值得指出的是否,它只在Netscape Navigator有效。下面的代码显示了怎样探测audio/midi类型插件程序: [removed] var can_play = false; var mimetype = 'audio...
• navigator • screen • window o history o location o frames[]; Frame o document anchors[]; links[]; Link applets[] embeds[] forms[]; Form Button Checkbox elements...
代码如下: [removed]ln(“<TABLE BORDER=1><TR VALIGN=TOP>”, “<TH ALIGN=left>i”, “名称”, “文件名”, “描述”, “类型数”) for ... i < navigator VALIGN=TOP>”,i, “”,navigator.plugins[i].name, “”,n
记录: 代码如下: (function(){ ver has=0, ver=0;... } } catch(e){ has=navigator.plugins[“Shockwave Flash”]; if(has) { ver = +(has.description.match(/\d+/)); } } console.log(ver);//0即无插件 })
1. 直接判断是否有flash插件 var myFlash = (function(){ if(typeof window.ActiveXObject != "undefined"){ ...Edge浏览器中取消了window.ActiveXObject,使用navigator.plugins 在IE其他版本中使用
Navigator 对象包含有关浏览器的信息: •appCodeName — 浏览器代码名的字符串表示 •appName — 官方浏览器名的字符串表示 •appVersion — 浏览器版本信息的字符串表示 •cookieEnabled — 如果启用cookie返回...
JS获取浏览器信息 浏览器代码名称:navigator.appCodeName 浏览器名称:navigator.appName 浏览器版本号:navigator.appVersion 对Java的支持:navigator.javaEnabled() MIME类型(数组):navigator.mimeTypes ...
很多插件都会采用后台请求验证,前端Js校验比较少。本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset...
更改github.com html + javascript以允许以文件浏览器方式浏览文件。 进入github文件列表页面后,单击扩展图标以将该页面转换为资源管理器(如window)。 *清除文件列表:删除注释和“时间较早”信息*单击目录将展开...
script src =" bower_components/jquery-async-navigator/dist/jquery-async-navigator.min.js " > </ script > 调用插件: var content_wrapper = jQuery ( '#main-wrapper' ) ; // sets the element ...
主流的浏览器有ie firefox opera chorme safari 早期这些框架都是通过navigator.userAgent进行判定,目前国外的浏览器几乎都是可以判定的。 关于浏览器的判断脚本,jQuery已经移出本体,形成一个插件。更多的方式不...
修改github.com html + javascript以允许以文件浏览器方式浏览文件。 一旦进入github文件列表页面,点击扩展图标将页面转换为像窗口这样的资源管理器。 *清除文件列表:删除评论和“时间以前”的信息 *点击一个目录...
• layerlib.js 跨浏览器DHTML库 • 13.12.htm 跨浏览器DHTML库的使用 第14章(\第14章) • 14.1.htm confirm()方法用作判断条件 • 14.2.htm alert()方法与confirm()方法的使用 ...
安装cordova plugin add cordova-plugin-network-information支持平台安卓浏览器的iOS 视窗连接通过navigator.connection公开的connection对象提供有关设备的蜂窝和wifi连接的信息。物产连接类型常数连接。未知连接...
该插件通过全局navigator.notification对象提供对某些本机对话框UI元素的访问。 尽管对象已附加到全局范围的navigator ,但直到deviceready事件之后该对象deviceready 。 document.addEventListener("deviceready...
由于并非所有浏览器都支持Navigator.getUserMedia()和Navigator.mediaDevices.getUserMedia() ,因此此插件提供了类似的功能。 该插件支持两种不同的麦克风捕获方法: 让插件通过使用audioinput对象作为来处理原始...