Question

我有一个HTML页面，通过单击按钮等元素，使用jQuery（即$('#foo').append('<div> ... </div>');）将新DOM元素附加到我的文档中。我还使用remove()删除了DOM元素。

我知道validator以验证我的HTML代码。但我还需要验证使用jQuery创建的HTML代码。我怎样才能做到这一点？例如，我想click一个按钮，查看更改的HTML代码并验证它等等......

我尝试使用显示“实时”HTML代码的Inspect Element。但是在复制代码时，它不会复制反斜杠（/），因此当将粘贴的文档用于验证器时，我会收到大量错误，表示/缺少这样的错误：

Line 2, Column 69: end tag for "meta" omitted, but OMITTAG NO was specified
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">

虽然我的真实源代码包含：

  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

关于该怎么做的任何想法？

Answer 1

我会尝试浏览器扩展程序。有点像这样：

铬：

火狐：

我没有太多使用IE或Safari，所以我无法帮助你。

我能想到的另一件事就是使用jQuery在控制台中执行$('html').html()之类的操作，并将结果复制到文本文件中。我确信这将包括DOM修改