判断浏览器类型以及选择

1、判断浏览器类型

var Sys = {};

        var ua = navigator.userAgent.toLowerCase();

        var s;

            (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :

            (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :

            (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :

            (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :

            (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;

        //以下进行测试

        if (Sys.ie) document.write('IE: ' + Sys.ie);

        if (Sys.firefox) document.write('Firefox: ' + Sys.firefox);

        if (Sys.chrome) document.write('Chrome: ' + Sys.chrome);

        if (Sys.opera) document.write('Opera: ' + Sys.opera);

        if (Sys.safari) document.write('Safari: ' + Sys.safari);


   

        function getBrowserInfo() {

            var Sys = {};

            var ua = navigator.userAgent.toLowerCase();

            var re = /(msie|firefox|chrome|opera|version).*?([\d.]+)/;

            var m = ua.match(re);

            Sys.browser = m[1].replace(/version/, "'safari");

            Sys.ver = m[2];

            return Sys;

        }

        document.write('


');

        //获取当前的浏览器信息

        var sys = getBrowserInfo();

        //sys.browser得到浏览器的类型,sys.ver得到浏览器的版本

        document.write(sys.browser + "的版本是:" + sys.ver);

2、判断浏览器类型

var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  

var isOpera = userAgent.indexOf("Opera") > -1;  

//判断是否Opera浏览器  

if (isOpera) {  

return "Opera"  

  };   

//判断是否Firefox浏览器  

if (userAgent.indexOf("Firefox") > -1) {  

return "FF";  

  }   

//判断是否chorme浏览器  

if (userAgent.indexOf("Chrome") > -1){  

return "Chrome";  

  }  

//判断是否Safari浏览器  

if (userAgent.indexOf("Safari") > -1) {  

return "Safari";  

  }   

//判断是否IE浏览器  

if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {  

return "IE";  

  }  

//判断是否Edge浏览器  

if (userAgent.indexOf("Trident") > -1) {  

return "Edge";  

  };  

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、基础知识篇:Http Header之User-AgentUser Agent中文名为用户代理,是Http协议中...
    iPhone阅读 15,870评论 0 13
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,049评论 0 2
  • 作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率。这里提一个小点,我们在业务开发过程中,经常会重复用到...
    Calvin李阅读 547评论 0 1
  • 第一次知道《一一》是在知乎上看到推荐,对洋洋身着小西装说话的电影剧照印象十分深刻,后来把这部四个小时的电影看了三遍...
    老弗兰克阅读 1,684评论 0 0
  • 昨天陪客户喝酒,席间的一个女孩喝酒的姿势让我恍惚了一瞬间,等她转过头笑靥如花地招呼我喝酒,我才发现那是一张陌生...
    我爱喝酸奶吖阅读 903评论 0 0