代码之家 › 专栏 › 技术社区 › tobib

如何验证有角度的HTML模板

polyglot-markup xhtml validation xml angularjs

tobib · 技术社区 · 11 年前

我尝试在我的棱角分明的HTML模板中编写大多数有效的多语言(X)HTML5。它们看起来像这样:

<div class="some-class">
  <input type="checkbox" data-ng-model="variable" />
  <foo-directive data-ng-if="variable"></foo-directive>
</div>

有时我忘记了正确关闭标记,这会破坏某些浏览器。所以我想在我的工具链中包含一个验证器。

问题是:我不知道有哪个验证器可以处理这种情况。XML验证器通常需要DTD,HTML验证器会抱怨代码中使用的角度指令。

大概 验证器 是个错误的词,我真的很想短绒。我唯一希望它做的事情是检查每个开始标记是否都有匹配的结束标记。其他一切都是奖金。

你知道这样的验证器吗?

注释 :我主要是搜索一个可以与自动化测试集成的命令行工具。但网络服务可能也会有所帮助。

2 回复 | 直到 10 年前

Nikos Paraskevopoulos 11 年前

自从 htmlhint 是一个选项,您可以按说明使用 here 从命令行(当然,您必须 npm install 首先,确保 PATH 包含 node_modules/.bin ):

htmlhint test.html

要测试特定选项:

htmlhint -r tag-pair,attr-no-duplication test.html

或者如果选项位于配置文件中:

htmlhint -c config-file test.html

我对Angular使用以下选项:

-2

Chris Barr 5 年前

这个 html-angular-validate 这个项目是我使用的,我认为它非常适合这个项目。它使用W3C HTML验证服务,并且基本上忽略了关于已知角度的内容(例如以 ng-* 通常是无效的HTML)

您必须对其进行配置,以了解自定义元素和属性指令,如果总是添加新指令,这可能会有点麻烦。。。然而,一旦你做到了这一点,它就工作得很好,并通过发现简单的拼写错误和常见错误多次拯救了我的团队!

推荐文章

Dónal · Spring Boot应用程序中的伪造证明文件类型验证

1 年前

David · 何时实际应用字符编码?

1 年前

Felix Cartwright · 为什么在我的JSON模式中没有遵守必填字段?

2 年前

Todd · 创建Powershell脚本,检查.csv文件中每行是否有两个字符串和一个整数

2 年前

Qiuzman · 如何确保v-combobox中的所有项目都遵循规则

2 年前

Kojrey · 在Python中,为什么这个负浮点数会传递非负while循环测试条件?

2 年前

DevilsThumb · 赋值时的Pydantic类型转换

2 年前

TinyTiger · 使用Zod验证Vee-validate:在Vue 3 Composition API中模糊上未显示自定义错误消息

2 年前

Amber Chambers · Google Sheets-导入范围问题并构建一个公式,该公式既导入范围,又基于另一列中的相应数据验证

2 年前

Chenomorfo · 忽略下拉渲染选择项中的输入项-AntDesign

2 年前