gpt4 book ai didi

javascript如何判断浏览器的类型?

转载 作者:知者 更新时间:2024-03-13 06:34:06 28 4
gpt4 key购买 nike

在前端开发中存在很多的浏览器,那么我们如何检测出浏览器的类型,下面我们主要总结一下。
一、userAgent
我们可以通过usrAgent来进行判断浏览器的类型。

const explorer = window.navigator.userAgent
    if(explorer.indexOf("MSIE") >= 0) {
      console.log("IE")  //判断是否为IE浏览器
    }else if(explorer.indexOf("Firefox") >= 0) {
      console.log("Firefox")  //是否为Firefox浏览器
    }else if(explorer.indexOf("Chrome") >= 0) {
      console.log("Chrome")  //是否为Chrome浏览器
    }else if(explorer.indexOf("Opera") >= 0) {
      console.log("Opera")   //是否为Opera浏览器
    }else if(explorer.indexOf("Safari") >= 0) {
      console.log("Safari")  //是否为Safari浏览器
    }

但是通过userAgent来判断为哪个浏览器时,不够严谨,因为userAgent是可以被修改的。
二、可以通过各浏览的特征来进行判断
一、IE
我们可以判断window上是否存在ActiveXObject函数来进行判断。

二、Safari浏览器
Safari浏览器存在其他浏览器中没有的一个函数,openDatabase函数,我们可以通过openDatabase函数的有无来进行判断。
三、Chrome浏览器
Chrome浏览器中存在MessageEvent函数,不过Firefox也存在。但是Firefox中不存在getBoxObjectFor函数。
四、Firefox浏览器
可以使用getBoxObjectFor来判断是否为Firefox浏览器。
五、Opera浏览器
可以使用window.Opera来判断是否为Opera浏览器

if(window.ActiveXObject) {
    console.log("IE")
  }else if(document.getBoxObjectFor) {  //只有火狐有
    console.log("Firefox")
  }else if(window.MessageEvent && !document.getBoxObjectFor) {
    console.log("Chrome")
  }else if(window.opera) {
    console.log("Opera")
  }else if(window.openDatebase) {
    console.log("safair")
  }

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com