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

Author: limo

传统上,建立一个网站需要各种各样的技术,这些技术可以在所有主要的浏览器上运行,有些是部分的,有些则完全不能运行。现在的Web开发人员总是使用CanIUse来检查某个特性是否被浏览器或其众多版本之一所支持。


CanIUse跟踪浏览器对标准HTML、CSS和SVG的采用情况,以及它们的引用、W3C的规范状态,以及每个浏览器(如果可用)中出现的问题和bug的链接。


例如,我们可以看到在这条边的下面,Firefox和Opera Mini不支持CSS反射,并且在它支持的浏览器中,需要厂商前缀。


CanIUse实际上是一个工具,它记录了标准web规范在桌面和移动浏览器中的兼容性。


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


如果您发现自己在终端上经常出错,CLI将有效地简化您的工作流程。


需求


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


如果运行npm -v或node -v返回版本号(如下所示),您就可以部署CLI了。否则,如果它返回“command not found”错误,在这里下载NodeJS安装程序。


安装程序适用于Windows、OS X和Linux;选择您正在使用的操作系统。



命令行界面


安装CanIUse CLI只需一行,打开终端或命令提示符并运行以下命令。


1    npm install -g caniuse-cmd


该命令全局安装CLI,允许在操作系统的整个位置都可以访问它。安装后,命令行caniuse现在应该可以供您使用了。没有关于如何通过CLI“搜索”的规则。简单地自然地搜索,就像你在web版本中做的那样,例如运行“caniuse box shadow”将返回CSS3 box -shadow规范。



请注意,我们不需要转义关键字查询的空间,而传统上我们必须这样做。


基本上,CLI结果与web版本相匹配。即使搜索是使用不完整的关键字(例如soc或sock)完成的,搜索结果也将显示Web Socket在顶部,然后是相关条目。



CanIUse是其他基于命令行的工具(如Gulp、Grunt)的完美补充,是一个全能的方便工具,最终可以提高您的工作流程。现在,您不必离开终端去检查HTML、CSS和SVG的浏览器兼容性。


相关阅读