标题中的“如何基于js判断浏览器版本”是指在JavaScript中检测用户正在使用的浏览器的类型和版本。这在开发网页应用时非常有用，因为不同的浏览器可能对某些特性或语法的支持程度不同。下面将详细介绍如何通过JavaScript来实现这个功能。
我们可以访问`navigator.userAgent`属性，这是一个字符串，包含了关于用户代理（即浏览器）的信息。通过对这个字符串进行分析，我们可以识别出浏览器的类型。例如，在提供的代码中，`getBrowserType()`函数通过检查`userAgent`字符串中是否存在特定的关键词来判断浏览器类型：
```javascript
function getBrowserType() {
var userAgent = navigator.userAgent;
var browser = 'unknown';
if (userAgent.indexOf("IE") != -1) {
browser = "IE";
} else if (userAgent.indexOf('Firefox') != -1) {
browser = "Firefox";
} else if (userAgent.indexOf('OPR') != -1) {
browser = "Opera";
} else if (userAgent.indexOf('Chrome') != -1) {
browser = "Chrome";
} else if (userAgent.indexOf('Safari') != -1) {
browser = "Safari";
} else if (userAgent.indexOf('Trident') != -1) {
browser = 'IE 11';
}
return browser;
}
```
接着，我们可以通过更复杂的方法来判断IE浏览器的具体版本。`IEVersion()`函数用于检测IE浏览器的版本，包括IE11、Edge以及其他较旧的版本：
```javascript
function IEVersion() {
var userAgent = navigator.userAgent;
var isLessIE11 = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1;
var isEdge = userAgent.indexOf('Edge') > -1 && !isLessIE11;
var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1;
// ...后续的IE版本判断代码...
}
```
对于非IE浏览器，可以使用类似的方法来识别它们的版本。例如，对于Chrome，我们可以查找'Chrome/'字符串，然后提取紧随其后的数字部分。对于Firefox，可以查找'Mozilla/5.0 (Windows NT x.y; Win64; x64; rv:zz.z) Gecko/200000 Firefox/zz.z'这样的模式。
通过分析`navigator.userAgent`，我们可以获取到浏览器的类型和版本信息。但这只是一种基本方法，对于某些特定的浏览器或版本，可能需要更精确的正则表达式来匹配。此外，由于浏览器的更新和新特性，开发者需要持续关注新的标识符以便正确识别新的浏览器版本。
需要注意的是，随着浏览器标准的不断发展，许多现代浏览器已经实现了对新特性的良好支持，因此，判断浏览器版本的目的主要是为了适配那些老旧且可能不支持新特性的浏览器，如早期版本的IE。对于大多数现代浏览器，遵循渐进增强和优雅降级的开发策略，通常可以避免过于复杂的浏览器检测。
