博客
关于我
2021年判断浏览器最新写法,你都掌握了吗?
阅读量:372 次
发布时间:2019-03-05

本文共 975 字,大约阅读时间需要 3 分钟。

为了更准确地判断浏览器类型,开发者通常需要分析navigator.userAgent字符串。随着浏览器技术的不断进步,判断方法需要不断更新,以适应最新的浏览器版本和特性。

以下是优化后的判断方法:

function myBrowser() {    const userAgent = navigator.userAgent;    let browser = '';        // 判断Opera浏览器    if (userAgent.indexOf('Opera') > -1) {        browser = 'Opera';    }        // 判断Firefox浏览器    if (userAgent.indexOf('Firefox') > -1) {        browser = 'Firefox';    }        // 判断Chrome浏览器    if (userAgent.indexOf('Chrome') > -1) {        browser = 'Chrome';    }        // 判断Safari浏览器    if (userAgent.indexOf('Safari') > -1) {        browser = 'Safari';    }        // 判断IE浏览器    if (userAgent.indexOf('compatible') > -1 &&         (userAgent.indexOf('MSIE') > -1 || userAgent.indexOf('rv:11') > -1 ||          (typeof window.ActiveXObject !== 'undefined') || Object.prototype.hasOwnProperty('ActiveXObject'))) {        browser = 'IE';    }        return browser;}

这个方法通过检查userAgent字符串中的关键字,逐一判断浏览器类型。优化后的代码更加简洁,并且能够适应最新浏览器的更新。通过这种方式,可以确保判断结果的准确性,满足不同浏览器的兼容性需求。

转载地址:http://weiwz.baihongyu.com/

你可能感兴趣的文章
C语言学习从初级到精通的疯狂实战教程-徐新帅-专题视频课程
查看>>
三层框架+sql server数据库 实战教学-徐新帅-专题视频课程
查看>>
NAT工作原理
查看>>
Processes, threads and goroutines
查看>>
c++中的10种常见继承
查看>>
E28 LoRa模块透传 定点传输 RSSI测试与MicroPython应用
查看>>
Vue学习—深入剖析渲染函数
查看>>
Vue学习—深入剖析函数式组件
查看>>
简单Makefile的编写
查看>>
使用BAT批处理 匹配查找指定文件夹,并在当文件夹下创建空文件
查看>>
wxpython的Hello,World代码探索
查看>>
【数字图像处理】OpenCV3 学习笔记
查看>>
【单片机开发】智能小车工程(经验总结)
查看>>
【单片机开发】基于stm32的掌上游戏机设计 (项目规划)
查看>>
KeepAlived介绍、配置示例、KeepAlived配置IPVS、调用脚本进行监控
查看>>
web服务器处理网络请求过程、I/O与I/O模型介绍、select、poll、epoll介绍
查看>>
【Numpy学习】np.count_nonzero()用法解析
查看>>
Scala集合-数组、元组
查看>>
Flink Standalone集群安装和部署
查看>>
JAVA网络爬虫01-http client爬取网络内容
查看>>