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

Posted 2023-02-16

【中文标题】如何检测特定浏览器版本或更高版本（jQuery）[重复]

【英文标题】：How to detect specific browser version or higher (jQuery) [duplicate]

【发布时间】：2021-10-24 16:25:19

【问题描述】：

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

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

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

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

【问题讨论】：

不做浏览器检测。进行特征检测，例如使用modernizr。以下是检测 mix-belnd-mode 的方法：testing of css mix blend mode

IE：停下来。告诉你的老板他们是throwing money away。

@freedomn-m 谢谢，这是最好的解决方案。

【参考方案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 可能是更好的选择。