如何通过命令行检查浏览器兼容性-凯发旗舰

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”错误,在这里下载安装程序。


安装程序适用于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的浏览器兼容性。


相关阅读


网站地图