Проверить HTML-код, созданный jQuery

Question

У меня есть HTML-страница, при нажатии таких элементов, как кнопки, новые элементы DOM добавляются в мой документ с помощью jQuery (т.е. $('#foo').append('<div> ... </div>');). Я также удаляю элементы DOM, используя remove().

Мне известен валидатор для проверки моего HTML-кода. Но мне нужно проверить и HTML-код, созданный с помощью jQuery. Как я могу это сделать? Например, я хотел бы click кнопку, увидеть измененный HTML-код и проверить его и так далее ...

Я попытался использовать Inspect Element, который показывает "живой" HTML-код. Но при копировании кода он не копирует обратную косую черту (/), поэтому при использовании вставленного документа в валидатор я получаю массу ошибок, говорящих о том, что / отсутствует, как этот:

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

Я бы попробовал расширение для браузера.Что-то вроде этого:

Chrome:

https://chrome.google.com/webstore/detail/cgndfbhngibokieehnjhbjkkhbfmhojo

Firefox:

https://addons.mozilla.org/en-US/firefox/addon/total-validator/

Не знаюя часто использую IE или Safari, поэтому я не могу вам помочь.

Единственное, что я могу попробовать, это использовать jQuery, чтобы сделать что-то вроде $('html').html() в вашей консоли и скопировать результат втекстовый файл.Я точно знаю, что это будет включать модификации DOM