`

前端开发必备插件 HTML Validator(FireFox)

阅读更多

很多朋友提到W3C标准这个问题都非常麻木,或不愿意往这方面去想,一堆堆页面的错误让人看了就没胃口,其实W3C标准的实现并没有那么可怕,只是我们没有认真分析,好多错误都是连贯性质的,纠正一个就可以少好多处错误,或者说没有一款好工具帮我们分析页面的错误所在,在这里向大家推荐一款火狐浏览器的HTML验证插件HTML Validator。

下载地址: https://addons.mozilla.org/zh-CN/firefox/addon/249

HTML Validator 图标

上图中右下角的三角幸警示标志就是HTML Validator,如果当前页面存在错误,图标就会变为警示标志,当鼠标移动到上边时,还会有错误个数的统计等信息,并不会影响网页的加载速度,当然你也可以将它关闭,需要的时候在打开。 

html_validator工作界面 

这就是HTMl Validator的工作界面,它巧妙的将错误信息输出窗口设计在了源码查看窗口中,充分利用了空间,在HTMl Validator中,错误分为3种: Error(错误),Warning(警告),Info(提示信息);其中第一种通常会影响到页面的显示效果! 当然还有针对不同的浏览器加以甄别。当你点击错误信息的其中一条时,右侧的窗口会列出错误名称,错误原因,标准例子,参考资料等,很是齐全。 与此同时源码窗口会跳到错误出现的地方!很是方便!

HTML Validator插件和w3c网站自己的标准化错误提示完全是两个概念,W3C官方页面提示HTML页面错误非常笼统,并不能让人理解的很透彻,而且很容易将站长弄的一头雾水,反而HTML Validator插件却正好解决了这个问题,HTML Validator插件将HTML的错误细致化,而且大多部分HTML页面错误的问题能够提供纠正方法。HTML Validator插件可以很清楚的看到HTML页面代码每一行每一处的错误,并提出通用解决方案!

html_validator选项

如果哪些朋友还在为通过W3C页面标准而发愁不如试下这款火狐HTML Validator插件,当然是用前提必须是火狐浏览器,在插件里搜索HTML Validator按提示安装上即可!

分享到:
评论
1 楼 terryang 2010-11-11  
看起来不错,

相关推荐

    网站优化必备的9个Firefox插件

    以下是从标题和描述中提炼出的九款必备的Firefox插件,以及它们在网站优化中的应用: 1. **Page Speed** (page-speed.xpi):这是由Google开发的一款插件,用于评估网页性能并提供优化建议。它基于YSlow的规则,分析...

    前端开发原生表单校验validator.js-13.11.0

    总的来说,`validator.js-13.11.0` 是前端开发中处理表单验证的一个强大工具,它提供了丰富的验证规则、自定义扩展机制以及与多种框架的良好兼容性。通过深入理解和熟练运用这个库,开发者可以构建出更健壮、用户...

    Firefox必备的24款web开发插件.pdf

    由于提供的文件信息中,描述和标题是相同的,我们可以推断出文件内容与“Firefox必备的24款web开发插件”相关。文件内容提到了一些知名的Firefox浏览器插件,这些插件主要用于Web开发和调试工作。接下来,我将根据...

    前端项目-nice-validator.zip

    在前端开发中,数据验证是不可或缺的一环,它确保了用户输入的有效性和系统的稳定性。今天我们要探讨的是一个名为"nice-validator"的前端验证解决方案,它以其简单、智能和美观的特点,深受开发者喜爱。通过对这个...

    2011年firefox火狐浏览器最新版开发工作人员最常用的20个有助于开发效率提高的20个插件 firebug web developer css viewer js viewer validator

    标题中的“2011年firefox火狐浏览器最新版开发工作人员最常用的20个有助于开发效率提高的20个插件”提到了火狐浏览器(Firefox)开发人员使用的高效工具,其中提到了四个核心插件:Firebug、Web Developer、CSS ...

    htmlvalidator

    html_validator for firefox

    前端项目-vue-validator.zip

    Vue-validator是一个专门为Vue.js设计的验证插件,它提供了方便、高效的表单验证功能,使得在开发过程中可以更加专注于业务逻辑,而不是繁琐的验证规则。 Vue-validator的核心特性包括: 1. **指令绑定**:它使用...

    firefox 14 和网页开发的插件

    网站优化必备的9个Firefox插件 在网页设计制作中经常使用到的火狐浏览器插件工具: 1. Firebug Firebug是开发人员们钟爱火狐浏览器的一个重要原因,Firebug是火狐浏览器上一个集成式的强大调试环境,很多调试...

    jquery验证插件Validator

    jQuery Validator是一款广泛应用于前端开发中的强大验证插件,它能够帮助开发者轻松实现表单验证,提高用户体验,确保用户输入的数据符合预设的规则。这款插件是基于jQuery库构建的,因此在使用之前,需要先引入...

    jquery表单验证插件Bootstrap Validator

    总结,BootstrapValidator作为一款强大的表单验证插件,其易于集成、功能丰富和高度可定制的特点,使其成为开发基于Bootstrap 3的Web应用时,实现高效表单验证的理想选择。通过灵活运用它的各种特性,开发者可以创建...

    BootstrapValidator验证表单插件

    BootstrapValidator验证表单插件BootstrapValidator验证表单插件BootstrapValidator验证表单插件BootstrapValidator验证表单插件BootstrapValidator验证表单插件BootstrapValidator验证表单插件BootstrapValidator...

    前端项目-yairEO-validator.zip

    前端项目-yairEO-validator,验证程序是跨浏览器的,它将为您提供使用未来验证输入类型(如“tel”、“email”、“number”、“date”和“url”)的功能。我可以将其作为创建Web表单的“模板”进行汇总。它使用自定义...

    Firefox 网站开发插件 [免费版]

    本Firefox插件集合包包括以下等等插件: autopager@mozilla.org csscoverage@spaghetticoder.org easelink@ashi.cn firebug@software.joehewitt.com firecookie@janodvarko.cz firediff@johnjbarton.com ...

    validator页面验证插件

    **标题:“validator页面验证插件”** ...总之,“validator页面验证插件”是前端开发中进行数据验证的有效工具,它通过灵活的规则定义和实时反馈,帮助开发者创建更加健壮且用户体验良好的Web应用。

    Vue表单验证插件Vue Validator使用方法详解

    Vue Validator是Vue.js框架的一个强大插件,专门用于处理表单验证。它的主要目标是简化在Vue应用中创建和管理复杂表单验证的过程。在本文中,我们将深入探讨Vue Validator的使用方法及其核心特性。 首先,为了使用...

    bootstrap表单验证插件bootstrapvalidator

    BootstrapValidator是一款基于Bootstrap框架的强大的表单验证插件,它为开发者提供了便捷的方式来验证用户在网页表单中输入的数据。这个插件通过简单的配置选项,可以让开发者轻松地为各种表单字段添加验证规则,...

    前端项目-angular-validator.zip

    在前端开发中,表单验证是必不可少的一环,它确保用户输入的数据符合预设的规则,从而防止无效数据提交到服务器,提高应用的稳定性和安全性。Angular 提供了内置的表单验证机制,但 Angular Validator 进一步扩展了...

    bootstrapvalidator

    BootstrapValidator是一款广泛应用于Web开发的前端验证插件,它基于流行的Bootstrap框架构建,为开发者提供了简单易用的接口来实现表单验证功能。这个插件的主要目标是帮助开发者创建具有美观界面和强大验证功能的...

    [链接测试工具]HTML Link Validator

    HTML Link Validator是一款强大的链接测试工具,专为网页开发者和网站管理员设计,用于检查网页中的链接是否有效,确保网站的健康运行。这款工具可以帮助用户找出断链、死链、重定向等问题,提高用户体验并优化搜索...

Global site tag (gtag.js) - Google Analytics