`
liuming
  • 浏览: 166588 次
  • 性别: Icon_minigender_1
  • 来自: 蛮夷之地
社区版块
存档分类
最新评论

用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可以直接拖到浏览器书签,点击后即可测试当前页面。

1
3
分享到:
评论

相关推荐

    jQuery快速内容搜索插件holmes.js

    3. **性能优化**:holmes.js通过高效的数据处理算法,确保在大量文本中进行搜索时仍能保持流畅的响应速度。 4. **易用性**:该插件的API简洁明了,开发者可以轻松地将其整合到现有的网页项目中。 5. **可自定义**...

    内容快速搜索插件holmes.js

    在实际应用中,Holmes.js与jQuery库的结合使用,可以进一步增强其功能。jQuery提供了一套丰富的DOM操作方法和动画效果,使得Holmes.js在实现搜索功能的同时,也能实现优雅的界面过渡和反馈效果。例如,当用户输入...

    jQuery快速内容搜索插件holmes

    总之,jQuery快速内容搜索插件holmes.js为Web开发者提供了一种简单高效的方式来实现页面内容的快速搜索,其强大的可定制性和灵活性使其成为各种项目中的理想选择。通过熟练掌握并利用它的特性和配置,可以为用户带来...

    快速内容搜索插件holmes.js

    5. **兼容性处理**:考虑到不同浏览器的差异,应做好兼容性测试,确保Holmes.js在主流浏览器上都能正常工作。 在压缩包中,我们可以看到以下几个文件:`index.html`是示例页面,展示了Holmes.js的使用效果;`php...

    Hadoop.in.Practice(2012.10)].Alex.Holmes.文字版.pdf

    此外,可能还介绍了使用Mahout进行预测分析的方法,Mahout是一个基于Hadoop的可扩展机器学习库,可以帮助用户在大数据环境中应用机器学习算法进行数据挖掘任务。 整体来看,《Hadoop in Practice》这本书面向的是对...

    Windows.PowerShell.Pocket.ReferenceD.Lee.Holmes.文字版

    - **比较运算**:使用比较运算符(如`-eq`、`-ne`)进行布尔值的判断。 ##### 6. 字符串 - **字符串定义**:使用单引号`' '`或双引号`" "`包围文本。 - **字符串操作**:包括连接、分割、替换等操作。 ##### 7. ...

    holmes:Holmes是独立的诊断CSS样式表,可以通过添加一个类来突出显示潜在的无效或错误HTML(5)标记

    holmes.css文件将为标志显示错误(红色轮廓),警告(黄色轮廓)或不推荐使用的样式(深灰色轮廓): 标签上缺少必需的属性,例如图像上的alt标签(很多) 不推荐使用的和非W3C元素-请参阅[W3C.org关于过时标签的...

    [Java编程艺术(中文版)].Herbert.Schildt.&.James.Holmes.扫描版.pdf

    《Java编程艺术(中文版)》是Herbert Schildt和James Holmes合作撰写的一本经典Java编程教程,针对中文读者提供了全面深入的Java语言学习指南。这本书覆盖了Java语言的基础到高级特性,旨在帮助读者掌握Java编程的...

    Windows PowerShell Cookbook thrid edition Lee Holmes.7z

    《Windows PowerShell Cookbook 第三版》是由Lee Holmes撰写的一本权威指南,专注于介绍Windows PowerShell的使用和脚本编写。PowerShell是微软开发的一个强大且全面的命令行环境,它结合了命令行工具和脚本语言,...

    holmes:在页面内快速轻松地搜索

    您可以在软件包名称holmes.js下使用npm或bower安装Holmes。 对于npm ,它看起来像这样: $ yarn add holmes.js # or via npm 之后,您可以使用webpack,汇总,浏览器化或将模块加载到其他脚本标签中,将其添加到...

    PyPI 官网下载 | holmes-0.2.19.tar.gz

    通过提供详尽的检查规则,holmes可以协助开发者遵循最佳实践,提高代码质量和可维护性。0.2.19这一版本的发布,通常意味着对前一版本的改进或增加了新的功能,以满足不断变化的开发需求。 在Python的生态系统中,...

    Python库 | holmes-0.15.0.tar.gz

    综上所述,"holmes-0.15.0.tar.gz"是一个用于Python代码质量检查的库,它提供了一套全面的检查机制,可帮助开发者遵守最佳实践,提高代码的可读性和维护性。使用这个库,开发者可以通过简单的API调用来实施代码审查...

    Randall-Holmes.github.io:我的主页的存储库

    这个项目表明用户Randall-Holmes使用了GitHub Pages服务来创建并发布他的在线存在。GitHub Pages是一个简单且免费的静态网页托管服务,它允许用户通过GitHub仓库发布他们的网站。 在“HTML”标签中,我们可以推断出...

    holmes:具有自我意识的Golang个人资料转储者[beta]

    警告:holmes正在进行大量开发,因此API将在开发期间进行重大更改。如果要在生产中使用它,请等待第一个版本。 自我意识的Golang配置文件转储者。 我们的在线系统经常在午夜崩溃(通常由于OOM而被操作系统杀死)。...

    PyPI 官网下载 | holmes-0.15.8.tar.gz

    最后,"Python库"表明holmes是一个用Python编写的库,可以被其他Python项目导入和使用。 在压缩包文件名称列表中,只有一个条目"holmes-0.15.8",这通常是Python库的源代码包,包含了所有必要的文件和目录,比如...

    PyPI 官网下载 | holmes-0.7.1.tar.gz

    标题中的"PyPI 官网下载 | holmes-0.7.1.tar.gz"表明这是一个在Python Package ...在实际使用时,开发者需要先解压`holmes-0.7.1.tar.gz`,然后通过Python的`setup.py`脚本进行安装,或者使用pip工具直接从PyPI安装。

    Python库 | holmes-0.2.3.tar.gz

    Python库是开发者在编程时经常会使用到的重要工具,它们提供了丰富的功能,可以帮助程序员高效地完成各种任务。在本例中,我们关注的是名为"holmes-0.2.3.tar.gz"的Python库,它是一个压缩文件,通常包含了源代码和...

    Windows.PowerShell应用手册.pdf

    6. 安全性和合规性:讲述如何在PowerShell脚本中实现安全性和保证脚本的合规性,如使用访问控制列表(ACLs)、审计日志和加密技术。 7. 自动化和集成:解释PowerShell如何与其他系统和工具集成,实现跨平台和跨应用...

    PyPI 官网下载 | holmes-extractor-2.0.2.tar.gz

    5. `tests`目录(如果有的话):存放单元测试和集成测试,用于验证库的正确性。 在Python环境中,用户可以通过执行`setup.py`脚本来安装这个库,例如,运行`python setup.py install`命令。如果使用虚拟环境,这有...

Global site tag (gtag.js) - Google Analytics