動的に生成するHTMLの記述をチェックしたい

ブラウザでHTMLの記述をチェックして問題があればアラートを表示するようなことは出来るでしょうか？

Webアプリケーションで動的にHTMLを生成する場合、バグで文法的に間違ったHTMLを生成してしまうことがあります。間違ったHTMLでもブラウザはエラーで停止したりせず、それなりに表示してくれるのですが、エラーにならないので開発者が間違いに気づかないことがあります。

静的なHTMLであれば、HTML向けのエディタで検証出来ますが、動的にHTMLを生成している箇所についてはエディタの検証機能ではカバーしきれません。（例えば、以下の snippet のような場合）

現在はHTML用のエディタや、W3Cのチェックツールに生成されたHTMLのソースをコピペして検証する、ということをやっているのですが、検証するパターンが多いと手間が大変なので、もう少し簡単に確認できる方法を探しています。

p { border: 1px solid red; }

<p>あいうえお
  <!-- ↓ ここから動的に生成-->
  <!-- pタグの入れ子はNGだが、なんとなく動いてしまう -->
  <p>
    かきくけこ
  </p>
  <!-- ↑ ここまで動的に生成 -->
</p>