如何通过命令行检查浏览器兼容性

传统上,网站建设涉及多种技术,这些技术可以在所有主要浏览器上运行,其中一些浏览器部分运行,或者根本不运行。 如今 ,Web开发人员总是会参考CanIUse来检查浏览器或其众多版本之一是否支持某种功能。

CanIUse跟踪浏览器对标准HTML,CSS和SVG的采用以及它们的引用,W3C的规范状态以及指向每个浏览器中存在的问题和错误的链接(如果有)。

例如,我们可以在下面看到Edge,Firefox和Opera Mini不支持CSS Reflection ,并且在支持它的浏览器中,需要供应商前缀。

CanIUse是事实工具,它记录了台式机和移动浏览器中标准Web规范兼容性的程度。

除了通过caniuse.com提供的浏览器版本外,CanIUse现在还可以用作CLI(命令行界面)。 我们还可以通过终端或命令提示符提取CanIUse结果。

如果您经常在Terminal上遇到麻烦,那么CLI可以有效地简化您的工作流程。

要求

要部署CanIUse命令行,你首先需要的NodeJS并安装NPM。

如果运行npm -vnode -v返回版本号(如下所示),则可以部署CLI。 否则,如果它返回“找不到命令”错误,请在此处下载NodeJS安装程序

该安装程序可用于Windows,OS X和Linux。 选择您正在使用的操作系统。

如何通过命令行检查浏览器兼容性

命令行界面

距安装CanIUse CLI仅几步之遥。 打开终端或命令提示符,然后运行以下命令。

npm install -g caniuse-cmd

此命令将全局安装CLI,从而可以在OS的整个位置对其进行访问。 安装完成后,命令行caniuse现在应该可以使用了。 没有关于如何通过CLI进行“搜索”的规则。 只需像在Web版本中那样自然搜索即可,例如,运行“ caniuse box shadow”将返回CSS3 Box-shadow规范。

如何通过命令行检查浏览器兼容性

注意,我们不需要为传统的关键字查询转义空间。

基本上,CLI结果与Web版本匹配。 即使使用不完整的关键字(例如socsock )进行搜索,搜索结果也将在顶部带有Web Socket的位置,然后是相关条目。

如何通过命令行检查浏览器兼容性

CanIUse是Gulp,Grunt等其他基于命令行的工具的完美补充,并且是一种全面的便捷工具,可以最终改善您的工作流程。 现在,您无需离开终端就可以检查浏览器对HTML,CSS和SVG的兼容性。

翻译自: https://www.hongkiat.com/blog/browser-compatibility-command-line-caniuse/