日期:2014-05-17  浏览次数:20665 次

用Holmes.css进行有效性和可访问性测试

Holmes.css 一组用来测试页面的有效性和可访问性的神奇CSS。启用之后,它会用红色框来标示出错或无效的元素,用黄色框标示可能有问题的元素,用灰色柜标示已经从HTML标准中删除的元素。如图所示:

holmes.css

?

使用方法非常简单,只要先下载这组CSS ,嵌入到页面中,然后在body的class中添加holmes-debug这个 值,打开页面后就会看到检测结果了。

?

据官方文档说,Holmes.css完美支持以下浏览器

  • Google Chrome 10+
  • Safari 5+
  • Opera 10+
  • Firefox 3.5+

而对IE8只是有限支持。

?

官方网站 http://www.red-root.com/sandbox/holmes/ 上还有Bookmarklet可以直接拖到浏览器书签,点击后即可测试当前页面。