Javascript高级编程学习笔记（30）—— BOM（4）navigator对象

时间：2022-02-05 15:25:28

window对象作为浏览器的全局对象、location对象保存了页面的url信息

那么navigator对象又有什么作用呢？

navigator对象

该对象最早由 Netspace Navigator 2.0 引入，用于识别浏览器客户端的事实标准

在IE中以window.clientInformation、Opera中的window.opera提供了与navigator类似的信息

但是navigator对象在所有支持JS的浏览器中都有实现，只是对某些属性，各个浏览器的实现并不一致

下面例举的属性是主流浏览器都支持的

1、appCodeName　　浏览器名称，通常为 mozilla 即使在非Mozilla中的浏览器也是如此（这是因为早期浏览器竞争，浏览器所做的伪装，所以一般不使用该属性判断浏览器）

2、appName　　完整浏览器名称

3、appVersion　　浏览器版本

4、cookieEnabled　　表示cookie是否启用

5、javaEnabled()　　表示浏览器是否启用java

6、mimeTypes　　表示浏览器中注册的mimeType的类型数组

7、platform　　浏览器所在平台

8、plugins　　浏览器安装插件的数组

9、userAgent　　浏览器用户代理字符串

一般来说最常用的应该是浏览器用户代理字符串，做浏览器检测一般也是利用该属性

下面以谷歌浏览器的该对象举例

Javascript高级编程学习笔记（30）—— BOM（4）navigator对象

Javascript高级编程学习笔记（30）—— BOM（4）navigator对象

上图中黄色标出的就是主流浏览器都有的属性

检测插件

有些时候我们可能需要检测浏览器是否安装了某个插件，来进行一些对应的操作

下面例举两个检测插件的函数（出自JS高编，由于书籍版本的原因，有些方法仅供参考）

// 非IE浏览器

function hasPlugin(name){

    name = name.toLowerCase;

    for(var i = 0; i < navigator.plugins.legnth; i++){

        if(navigator.plugins[i].name.toLowerCase().indexOf(name) > -1){

            return true;

        }

    }

    return false;

}

// IE浏览器

function hasIEPlugins(name){

    try {

        new ActiveXObject(name);

        return true;

    } catch(ex){

        return false;

    }

}

需要注意的地方在于IE中的name，需使用其COM标识符

而后面检测IE插件使用try-catch的原因在于，在JS中创建未知的COM对象会抛出错误

所以需要将其放入错误处理语句中使用

注册处理程序

HTML5中定义了两个注册处理程序的函数

1、registerContentHandler()

2、registerProtocolHander()

注册处理程序的函数的作用主要在于，为浏览器指定某类型文件的默认处理方式（web应用）

1、registerContentHander 该方法接收三个参数

  • RSS源的MIME类型
  • RSS源URL的URL
  • 应用程序的名称

　　如：navigator.registerContentHandler("application/rss+xml","http://www.somreader.com?feed=%s","Some Reader")

2、registerProtocolHander 该方法同样接收三个参数

  • 要处理的协议
  • 处理该协议页面的url
  • 应用程序名称

　　如：navigator.registerProtocolHander("mailto","http://www.somemailClient.com?cmd=%s","some mail client");　

将一个应用程序注册为默认的邮件客户端　

相关文章