js判断浏览器类型

所有浏览器都支持该对象。Navigator 对象包含有关浏览器的信息。

Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。

<script
type="text/JavaScript">

   $(function(){

       var browser={},matchReg;            

       //判断浏览器类型

       var userAgent = window.navigator.userAgent.toLowerCase();

        /*判断是否为谷歌浏览器 */

       if(!matchReg){

           matchReg = userAgent.match(/chrome\/([\d.]+)/);      

           if(matchReg!=null){

               browser.name='chrome';

               browser.version=matchReg[1];

           }

       }

       /*判断是否为火狐浏览器 */        

       if(!matchReg){

           matchReg = userAgent.match(/firefox\/([\d.]+)/);      

           if(matchReg!=null){

               browser.name='chrome';

               browser.version=matchReg[1];

           }

       }

       /*判断是否为opera浏览器*/        

       if(!matchReg){

           matchReg = userAgent.match(/opera.([\d.]+)/);    

           if(matchReg!=null){

               browser.name='chrome';

               browser.version=matchReg[1];

           }

       }

       /*判断是否为Safari浏览器*/        

       if(!matchReg){

           matchReg = userAgent.match(/safari\/([\d.]+)/);  

           if(matchReg!=null){

               browser.name='chrome';

               browser.version=matchReg[1];

           }

       }

       /*判断是否为IE*/

       if(!matchReg){

           if(userAgent.match(/msie ([\d.]+)/)!=null){

               matchReg = userAgent.match(/msie ([\d.]+)/);

               browser['name'] = 'ie';

               browser['version'] = matchReg[1];

           }else{

               /**

                * IE10

                */

               if(isIE() && !!document.attachEvent && (function(){"use strict";return !this;}())){

                   browser['name'] = 'ie';

                   browser['version'] = '10';

               }

               /**

                * IE11

                */

               if(isIE() && !document.attachEvent){

                   browser['name'] = 'ie';

                   browser['version'] = '11';

               }

           }

       }      

       $("p").text(JSON.stringify(browser)) //返回值

   })          

   </script>

Navigator 对象属性

属性	描述
appCodeName	返回浏览器的代码名。
appMinorVersion	返回浏览器的次级版本。
appName	返回浏览器的名称。
appVersion	返回浏览器的平台和版本信息。
browserLanguage	返回当前浏览器的语言。
cookieEnabled	返回指明浏览器中是否启用 cookie 的布尔值。
cpuClass	返回浏览器系统的 CPU 等级。
onLine	返回指明系统是否处于脱机模式的布尔值。
platform	返回运行浏览器的操作系统平台。
systemLanguage	返回 OS 使用的默认语言。
userAgent	返回由客户机发送服务器的 user-agent 头部的值。
userLanguage	返回 OS 的自然语言设置。