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

时间:2018-02-15 13:46:18

标签: browser webpack browser-detection

我们有一个浏览器列表,我们测试了我们的webapp。我有一个任务是通知用户他的浏览器是否不受支持或测试与我们的应用程序配合良好。

我们在项目中有一个browserslist配置,我正在寻找一种方法来测试列表中的当前浏览器。 我尝试了browserlist-useragent但我们无法使用webpack进行编译,因为它使用了netfstls以及我们不想要的其他本机节点模块包括在我们的包中。

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

1 个答案:

答案 0 :(得分:1)

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

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