如何检测特定浏览器版本或更高版本（jQuery）[重复]

Question

我知道很容易找出用户使用哪个浏览器访问我的网站。但是，如果我想检查用户浏览器的某个版本（或更高版本）以执行相应的操作，情况如何。

例如，我想使用 CSS 属性“mix-blend-mode”。

如果我们查看支持的浏览器版本CANIUSE 或MOZDEV，我们可以看到某个版本的所有现代浏览器都支持这个 CSS 属性（除了我们的老朋友 Internet Explorer ...）

我们现在可以根据浏览器及其版本构建多个 if 查询，但我如何编写查询，以便它了解该版本之后的所有版本对于我的属性也“正常”？

Answer 1

您可以查看bowser，这将为您提供有关客户端浏览器的非常有用的信息：

const browser = bowser.getParser(window.navigator.userAgent);
console.log('Browser:',browser.getBrowser());

// You can filter on browsers using many properties, see the bowser docs for details...
const browserIsGood = !!browser.satisfies({
    chrome: '>40',
    firefox: '>31',
    edge: '>78'
}); 

console.log('Browser is good:', browserIsGood)



    

<script src="https://cdnjs.cloudflare.com/ajax/libs/bowser/2.11.0/bundled.js" referrerpolicy="no-referrer"></script>

我同意上面的评论，检测功能比浏览器版本更好，所以modernizr 可能是更好的选择。