时间戳

首页 > 解决方案 > 如何检测特定浏览器版本或更高版本（jQuery）

javascript - 如何检测特定浏览器版本或更高版本（jQuery）

问题描述

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

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

mix-blend-mode 的浏览器兼容性

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

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

标签： javascriptjquerycompatibilityuser-agentbrowser-detection

解决方案

您可以查看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可能是更好的选择。

推荐阅读