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

Question

我们有一个我们测试 web 应用程序的浏览器列表。如果用户的浏览器不受支持或测试无法与我们的应用程序配合使用，我有一个任务通知用户。

我们在项目中有一个browserslist 配置，我正在寻找一种方法来根据列表测试当前浏览器。 我尝试了browserlist-useragent，但我们无法使用 webpack 编译它，因为它使用了net、fs、tls 和其他我们不想包含在包中的本机节点模块。

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

Answer 1

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

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