BOM学习3--navigator对象跨浏览器检测插件

一，检测插件：

　　随着互联网的发展，HTML5的标准也成为开发网页的标准，其中好比H5的video标签，就能够直接嵌入到网页成为一个播放器，这就把传统的Flash播放器的功能给取代了。咱们在开发不一样的项目，可能会依据项目的不一样需求，选择使用H5播放器或者Flash插件，这就须要咱们在浏览器中识别安装的插件，下面就是一个跨浏览器的插件检测方法：

　　1，对于非IE浏览器，咱们能够直接使用plugins这个数组来遍历插件，下面是数组每一项包含的属性：

　　　　name: 插件的名字，

　　　　description:插件的描述，

　　　　filename:插件的文件名,

　　　　length:插件所处理的MIME类型数量

　　

 1  //检测浏览器的插件 (非IE)
 2     function hasPlugin(name) {
 3         name = name.toLowerCase();   //小写
 4         for(let i=0;i< navigator.plugins.length;i++){
 5             if(navigator.plugins[i].name.toLowerCase().indexOf(name) > -1){
 6                 return true;
 7             }
 8         }
 9         return false;
10     }
11     console.log('flash:'+ hasPlugin('flash'), 'QuickTime:'+ hasPlugin('QuickTime'));   

　　注意：如今不少的浏览器好比Chrome浏览器都是默认不启用Flash插件的，因此即便在浏览器中安装了Flash插件，若是不手动给予使用权限，那么也是照样访问不到的。

 

　　2，对于IE插件比较麻烦，由于IE浏览器不支持Netscape式的插件，在IE中检测插件的惟一方式就是使用专有的ActiveXObject类型，IE中每一个插件都有一个惟一的标识符，因此代码以下：

 1   //IE浏览器的插件检测
 2     function hasIEPlugin(name) {
 3         try{
 4             new ActiveXObject(name);
 5             return true;
 6         }catch (ex){
 7             return false
 8             ;
 9         }
10     }

　　注意：IE浏览器中默认是使用Flash的，因此不须要手动选择权限。

　　

　　3，跨浏览器的插件检测，下面就以检测Flash插件为例：

　

1 //跨浏览器检测插件
2     function hasFlash() {
3         let result = hasPlugin('flash');
4         if(!result){
5             result = hasIEPlugin('ShockwaveFlash.ShockwaveFlash');
6         }
7         return result;
8     }

 

二，