css判读浏览器类型的代码

下面是 "CSS判断浏览器类型的代码" 的详细攻略：

1. 获取浏览器类型

要判断当前浏览器的类型，我们需要了解浏览器对象模型(Browser Object Model, BOM)。BOM 是指可以通过 JavaScript 操作浏览器窗口、文档、历史记录等信息的对象组成的 API 集合。

其中，浏览器窗口对象window是最重要的BOM对象之一，我们可以通过它来获取浏览器信息。window 对象有一个 navigator 属性，它包含了浏览器信息。具体示例如下：

const chrome = navigator.userAgent.indexOf('Chrome') > -1;
const safari = navigator.userAgent.indexOf('Safari') > -1;
const firefox = navigator.userAgent.indexOf('Firefox') > -1;
const ie = navigator.userAgent.indexOf('Internet Explorer') > -1; // 检查 IE11 以上版本
const edge = navigator.userAgent.indexOf('Edge') > -1; // 检查 Edge 浏览器

if (chrome && !edge) {
  console.log('This is Google Chrome');
} else if (safari) {
  console.log('This is Safari');
} else if (firefox) {
  console.log('This is Firefox');
} else if (ie) {
  console.log('This is Internet Explorer');
} else if (edge) {
  console.log('This is Microsoft Edge');
} else {
  console.log('Unknown browser');
}

上述代码获取了浏览器类型，并根据不同的类型输出不同的信息，其中通过判断 userAgent 是否包含浏览器类型进行判断。

2. 判断IE浏览器版本

IE浏览器是一个比较特殊的浏览器，不同的版本对 CSS 来说支持程度都不一样，因此要特别考虑 IE 浏览器的版本。

通过 JavaScript 可以获取当前 IE 浏览器的版本号。代码如下：

function detectIE() {
  var ua = window.navigator.userAgent;

  var msie = ua.indexOf('MSIE ');
  if (msie > 0) {   // IE 10 及以下
    return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
  }

  var trident = ua.indexOf('Trident/');
  if (trident > 0) {   // IE 11 
    var rv = ua.indexOf('rv:');
    return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
  }

  var edge = ua.indexOf('Edge/');
  if (edge > 0) {   // Edge
    return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);
  }

  // 其它浏览器
  return false;
}

if (detectIE()) {
  var ieVersion = detectIE();
  console.log('This is Internet Explorer ' + ieVersion);
} else {
  console.log('This is not Internet Explorer');
}

上述代码通过正则表达式来判断当前浏览器是否为IE浏览器，并获取其版本信息，最后输出 "Internet Explorer" 以及版本号。

以上就是 "CSS判断浏览器类型的代码" 的详细攻略。