博客
关于我
2021年判断浏览器最新写法,你都掌握了吗?
阅读量:373 次
发布时间: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/

你可能感兴趣的文章
简单的xml读取存储方法(未优化)
查看>>
Making the grade 和Sonya and Problem Wihtout a Legend
查看>>
Flower
查看>>
Nginx---惊群
查看>>
Redis未授权漏洞
查看>>
供应ASTM D3475认证丨ASTM D3475防儿童包装测试费用
查看>>
2种解法 - 获取一条直线上最多的点数
查看>>
项目中常用的审计类型概述
查看>>
Persist_Security_Info AND Integrated_Security
查看>>
新生儿不建议吃鱼肝油,这些你知道吗
查看>>
新生儿哭是因为什么
查看>>
基础知识
查看>>
nodeName与tagName的区别
查看>>
(九)实现页面底部购物车的样式
查看>>
在vue中给对象扩展属性的方法
查看>>
Cannot read property '$el' of undefined at VueComponent
查看>>
Neo4j : 通过节点的 id属性 对节点进行查,改,删操作
查看>>
Linux标准错误和标准输出重定向到同一个文件
查看>>
HTTP Status 404 – Not Found
查看>>
【2021年新书推荐】ASP.NET Core 5 and Angular
查看>>