上QQ阅读APP看书,第一时间看更新
4.6 测试CSS特性的支持情况
CSS规范的分散性及其在浏览器中参差不齐的实现,导致要搞清有哪些CSS特性可用并不轻松。下面给读者推荐几个用来检测对CSS的支持程度的有用工具。
第一个工具是这个网站:http://caniuse.com。它对各款浏览器的各种版本对HTML5和CSS3的支持情况进行了全面分析,所提供的详细信息覆盖了多种操作系统上为数众多的桌面版和手机版的浏览器。此外,它还提供了根据浏览器的流行程度和市场影响作出决策支持的简单工具。我觉得在启动一个新项目时,借助这个网站分析一下有哪些特性可以放心使用倒也相当不错。有了它的帮助,跟踪零零散散的CSS标准制定进程和浏览器的实现就变得相当轻松了。
第二个工具是可以用来动态测试各个特性的Modernizr(www.modernizr.com)。它是一个小小的JavaScript库,可以测试各种关键的HTML5和CSS特性是否到位,以便根据用户所用浏览器对这些特性的支持情况作出相应调整。这个工具还有一些不错的其他功能,例如在IE的较早版本中呈现新的HTML5语义元素(参见第10章)。