如何根据支持的列表检查当前浏览器

Ele*_*erm 5 browser browser-detection webpack

我们有一个用于测试我们的 web 应用程序的浏览器列表。如果他的浏览器不受支持或测试与我们的应用程序兼容,我有一个任务通知用户。

我们browserslist在项目中有一个配置,我正在寻找一种方法来根据列表测试当前浏览器。我试过browserlist-useragent,但我们不能用的WebPack编译它,由于它使用的事实netfstls我们不希望在我们的包,包括和其他本地节点模块。

有没有更好的方法可以避免在许多不同的地方复制受支持的浏览器列表,而只使用已经存在的浏览器列表配置来检测用户是否使用受支持的浏览器?

Shi*_*raz 5

我会考虑在使用https://github.com/browserslist/browserslist-useragent-regexp的项目中使用这个“实用程序”包browserslist,然后使用这个包建议的脚本生成的文件,然后在其他任何地方使用。实际上,您想要的只是生成文件中的正则表达式。这可以放置在浏览器检测所需的任何客户端或服务器代码中。我已经把我的放在了一些经典的 asp 中。

另请注意,在 Windows PC 上,提供的说明不会生成包含 RegEx 的文件。相反,您需要运行npx browserslist-useragent-regexp --allowHigherVersions以在控制台上显示合适的 RegEx,然后在需要的地方添加它。