如果获取浏览器内核,以便解决一些兼容性问题

请求头有个字段user-agent,这个属性是浏览器的信息。那么如何获取到这个字段呢?

可以通过navigator.userAgent获取这个字段的值。

user-agent样式如下:

Mozilla/5.0 (platform; rv:geckoversion) Gecko/geckotrail Firefox/firefoxversion

有两块需要重点关注

platform 用来说明浏览器所运行的原生系统平台(例如 Windows、Mac、Linux 或 Android),以及是否运行在手机上。

Firefox/firefoxversion 表示该浏览器是 Firefox,并且提供了版本号信息(例如 "17.0")。这块内容比较复杂。比如说如果是chorm浏览器,这个字段除了有chorm,还是其他浏览器名如safari。

具体介绍可参看你真的理解userAgent了吗

总结就是

检测 firefox 的核心,就是检测有没有 Firefox 字段。

检测 chrome 的核心,就是检测有没有 Chrome 字段。

检测 Opera 的核心,就是检测有 OPR 字段或者 Opera 字段。

检测 Safari 的核心,就是检测有 Safari 字段,同时没有 Chrome 字段。

检测 IE8-11 的核心是检测是否有 MSIE 或 Trident 字段,检测 IE Edge 的核心是检测是否有 edge 字段

具体判断代码如下

function getRE( ) {
    var RenderingEngine = "";
    
    if(navigator.userAgent.indexOf("MSIE")>0) {
        RenderingEngine = "MSIE"; //ie8-11
    }
    if(isFirefox = navigator.userAgent.indexOf("Firefox")>0){
        RenderingEngine = "Firefox";
    }
    if(isSafari = navigator.userAgent.indexOf("Safari")>0) {
        RenderingEngine = "Safari";
    } 
    if(isCamino = navigator.userAgent.indexOf("Camino")>0){
        RenderingEngine = "Camino";
    }
    if(isMozilla = navigator.userAgent.indexOf("Gecko/")>0){
        RenderingEngine = "Gecko";
    }
    console.log(RenderingEngine);
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值