js判断浏览器类型

来源：互联网发布：淘宝店宝宝可信吗编辑：程序博客网时间：2024/05/06 20:27

由于我一直接触的是基于机顶盒浏览器（Firefox）的WEB前端开发，加上对其他浏览器不甚了解，所以造成了一次面试中，被面试官一句如何判断浏览器类型所困扰。面试过后，心里一直耿耿于怀，今天也总结下，以共勉！（可直接复制）

使用navigator.userAgent：

var request = false;
var btype=getTypeOfBrowser();

alert(btype);

functiongetTypeOfBrowser()
{

   var brower = navigator.userAgent.toLowerCase();
   var types = new Array("msie","firefox","chrome" , "safari","opera","netscape" ,"camino" ,"gecko");
   for(var i = 0; i < types.length; i ++){
   if(brower.indexOf(types[i]) != -1){
   return types[i];
   }
   }
   return"other";

}

   try {
   request = new XMLHttpRequest();
   } catch (trymicrosoft) {
   try {
   request = new ActiveXObject("Msxml2.XMLHTTP");//支持microsoft
   } catch (othermicrosoft) {
   try {
   request = new ActiveXObject("Microsoft.XMLHTTP");//支持非microsoft
   } catch (failed) {
   request = false;
   }
   }
}

   if(!request)
   alert("Error!!浏览器不安全,请选择较高版本浏览器!");

</script>

使用css区分FF和IE版本:

<head>

<style>

body{

   background:blue;/*Firefox、Safari、Opera背景变蓝色*/
    background:red \9;/*IE8 背景变红色*/
   *background:black;/*IE7 背景变黑色*/
    _background:orange;/*IE6 背景变橘色*/

}

</style>

</head>