在前端开发中，我们经常需要根据用户使用的浏览器版本来做一些兼容性处理。其中，对于老旧的 IE 浏览器，更是需要针对其不同版本进行不同的处理。在本文中，我们将介绍如何使用 JavaScript 来判断当前浏览器的版本以及判断 IE 的版本，并给出一些示例代码。
判断浏览器版本
我们可以通过 navigator.userAgent 属性获取到当前浏览器的 User-Agent 字符串，该字符串包含了浏览器的相关信息，包括名称、版本号等等。我们可以利用这个字符串来判断当前浏览器的版本。
下面是一个判断浏览器是否为 Chrome 并输出版本号的例子：
const ua = navigator.userAgent.toLowerCase();
if (ua.indexOf('chrome') !== -1) {
const regExp = /chrome\/([\d.]+)/;
const matchResult = ua.match(regExp);
if (matchResult) {
console.log(`Chrome 版本号为 ${matchResult[1]}`);
}
}上述代码首先将 User-Agent 字符串转换成小写字母，然后判断其中是否包含关键词 'chrome'，如果包含，则使用正则表达式匹配版本号，并输出该版本号。
类似地，我们也可以判断其他浏览器的版本，比如 Firefox、Safari 等等。
判断 IE 版本
在早期的浏览器中，特别是 IE 浏览器，不同版本之间的兼容性存在较大的差异。因此，在开发过程中，我们需要针对不同版本的 IE 浏览器做出相应的处理。下面介绍如何判断 IE 的版本。
方法一：使用条件注释
IE 浏览器提供了条件注释（Conditional Comments）的语法，可以根据 IE 版本来加载不同的 CSS 或 JS 文件。我们可以利用这个语法来判断当前 IE 的版本。
比如，下面的代码可以判断是否为 IE 浏览器，并输出 IE 的版本号：
<!--[if IE]>
<script>
const version = parseFloat(navigator.appVersion.split("MSIE")[1]);
console.log(`IE 版本号为 ${version}`);
</script>
<![endif]-->上述代码中，<!--[if IE]> 表示只有在 IE 浏览器下才会解析其中的内容，<![endif]--> 则表示条件注释块的结束。在该注释块内部的 JavaScript 代码可以获取到 IE 的版本号并输出。
方法二：通过 User-Agent 字符串判断
另外一种判断 IE 版本的方式是通过 User-Agent 字符串来判断。IE 浏览器的 User-Agent 字符串中包含关键词 MSIE 和 Trident，我们可以根据这两个关键词来判断 IE 的版本。
下面是一个判断是否为 IE 浏览器并输出版本号的例子：
-- -------------------- ---- -------
----- -- - ----------------------------------
-- ------------------- --- -- -- --------------------- --- --- -
-- ------------------- --- --- - -- -- -- -----
----- ------ - ----- ----------
----- ----------- - -----------------
-- ------------- -
--------------- ---- --------------------
-
- ---- - -- -- -- -----
----- ------ - --------------
----- ----------- - -----------------
-- ------------- -
--------------- ---- --------------------
-
-
-上述代码中，首先判断 User-Agent 字符串中是否包含关键词 msie 或 `tr
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/1984