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

    const explorer = window.navigator.userAgentif(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")}

javascript如何判断浏览器的类型?相关推荐

  1. 简易方法判断浏览器的类型和版本

    如何判断浏览器的类型和版本? -- 使用JavaScript的内置对象 navigator 的属性userAgent的值来判断(navigator.userAgent). navigator是java ...

  2. .net中js判断浏览器的类型和版本

    你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器. 几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的 ...

  3. javascript如何判断浏览器是否安装某插件

    javascript如何判断浏览器是否安装某插件 如需转载请标明出处:http://blog.csdn.net/itas109 QQ技术交流群:129518033 文章目录 javascript如何判 ...

  4. Window.ActiveXObject的用法 以及如何判断浏览器的类型

    (window.ActiveXObject) 什么意思? 解:判断浏览器是否支持ActiveX控件,如果浏览器支持ActiveX控件可以利用 var xml=new ActiveXObject(&qu ...

  5. 使用jQuery判断浏览器UA类型

    引用自:js+jquery检测用户浏览器型号(包括对360浏览器的检测) - Mona_侠快 - 51CTO技术博客 http://xiakuai.blog.51cto.com/8682834/137 ...

  6. php 判断来源 微信客户端_判断浏览器HTTP_USER_AGENT类型之微信浏览器判断

    在微信公众平台的开发过程中,我们有时需要开发网页并判断是否是是来自微信浏览器访问,本文介绍如何做出这一判断. 在学习这篇之前,应该先了解一下PHP 的 $_SERVER变量. 下面我们开始讲解具体方法 ...

  7. JS 判断浏览器客户端类型(ipad,iphone,android)

    如何判断是否是 iPad 浏览器呢,关键是看它的 User Agent 中是否有 iPad.iPad 使用的是 Safari Mobile 浏览器,他的的 User Agent 是: Mozilla/ ...

  8. 如何判断浏览器的类型?

    在前端开发中,不可避免的问题就是浏览器的兼容性问题.那么,如何才能获取到浏览的类型呢? 请看代码: if (navigator.userAgent.indexOf("MSIE") ...

  9. js判断浏览器的类型。。。

    if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') & ...

最新文章

  1. StoryBoard学习(5):使用segue页面间传递数据
  2. java线程池拒绝策略_Java核心知识 多线程并发 线程池原理(二十三)
  3. 摆脱阅读黑洞,退订RSS
  4. SAPMMC控制台服务消失的解决方法
  5. 结对-结对编项目贪吃蛇-设计文档
  6. 开关电源之PCB安规设计规范
  7. 关于微信内置浏览器,打开图片上传功能,调用的问题
  8. 感悟Microsoft summer Camp 2010
  9. Excel中使用 TREND函数对缺失数据进行插值
  10. 查看linux的ubuntu版本,查看Ubuntu版本
  11. Java单元测试实践-15.Stub、Replace、Suppress Spring的方法
  12. 盛天海电商:拼多多活动怎么去定位?
  13. 清除composite里的子控件
  14. 手机京东菜单html,jQuery仿京东商城手机端商品分类滑动切换特效
  15. 主动变被动9个例句_【语法课堂】全面了解被动语态的特殊用法考点总结
  16. notepad++中文简体下载
  17. php pdf只能查看不能下载,对于pdf文件不支持浏览器下载如何处理?
  18. 怎么把php项目导入dw,DreamweaverCS5怎么导入项目?
  19. 字符串保留数字/字母的操作
  20. 写作中的英文标点符号

热门文章

  1. yolov5打开本地摄像头实时检测方法
  2. 魅族 m57a 能刷android 吗,意想不到,魅族加入华为鸿蒙阵营
  3. 电信优惠套餐推荐系统的设计与实现
  4. equalsIgnoreCase的使用
  5. STM32的独立看门狗
  6. uboot详解——cpu内部,外部和软件看门狗
  7. RFID工业设备在智能制造的应用有哪些?
  8. C++包扩展_皇帝乞丐一念间!USB TypeC接口的扩展差异咋就这么大呢?
  9. matlab中的exist()函数
  10. 【Unity】移动父对象位置小工具、移动物品中心点位置