JavaScript判断浏览器内核和IE内核版本获取——踩坑记

_Ifrit

于 2019-01-13 18:34:31 发布

阅读量2.2k

点赞数

分类专栏： web前端文章标签： JavaScript

本文链接：https://blog.csdn.net/sinat_39783636/article/details/85233267

版权

本文记录了在JavaScript中如何判断浏览器内核和IE内核版本，特别是遇到swiper4.1.6在低版本IE兼容性问题时。通过navigator.userAgent获取浏览器信息，Trident代表IE内核，MSIE标识旧版IE。document.documentMode能获取IE内核版本，但需要注意，当设置兼容模式时，会显示最高版本的IE内核。在项目中发现一段关于Google Chrome Frame和IE渲染模式的配置导致问题，注释掉这段代码后，问题得到解决。

摘要由CSDN通过智能技术生成

因为swiper4.1.6对低版本的IE兼容性很差，所以需要做一个检测浏览器内核和内核版本的功能。

navigator.userAgent是一个字符串，声明了浏览器用于 HTTP 请求的用户代理头的值,可以拿到请求的浏览器的相关信息。

其中，Trident是IE浏览器使用的内核，MSIE则是出现在旧版本的IE浏览器信息中。

document.documentMode可以获取到 使用IE内核时 内核的版本。

// 获取浏览器内核
function getBrowserEngine() {
  var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
  if (userAgent.indexOf('Trident') !== -1 || userAgent.indexOf('MSIE') !== -1) { //表示使用的是IE的内核
    return 'IE';
  } else if (userAgent.indexOf('Firefox') !== -1) {
    return "Firefox";
  } else if (userAgent.indexOf('Chrome') !== -1) {
    return 'Chrome';
  } else if (userAgent.indexOf('Safari') !== -1) {
    return 'Safari';
  } else {
    return;
  }
}

// 获取当前文档渲染使用的IE内核版本
function getIEVersi