传统上,网站建设涉及多种技术,这些技术可以在所有主要浏览器上运行,其中一些浏览器部分运行,或者根本不运行。 如今 ,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 -v
或node -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版本匹配。 即使使用不完整的关键字(例如soc
或sock
)进行搜索,搜索结果也将在顶部带有Web Socket的位置,然后是相关条目。
CanIUse是Gulp,Grunt等其他基于命令行的工具的完美补充,并且是一种全面的便捷工具,可以最终改善您的工作流程。 现在,您无需离开终端就可以检查浏览器对HTML,CSS和SVG的兼容性。
翻译自: https://www.hongkiat.com/blog/browser-compatibility-command-line-caniuse/