5720


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

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

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

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

[code]

    p { border: 1px solid red; }
[/code]

[code]

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


CC BY-SA 3.0
2015-02-01T13:00:41.740
5704
2015-02-02T07:17:12.440
2015-02-01T13:11:10.803
3925
3925
question
html
動的に生成するHTMLの記述をチェックしたい


Google Chrome を使用しているのであれば validity という機能拡張はどうでしょうか

<https://chrome.google.com/webstore/detail/validity/bbicmjjbohdfglopkidebfccilipgeif>

設定によって特定のURLのページを開いときに自動でチェックしてくれます。


CC BY-SA 3.0
2015-02-02T02:06:08.347
5720
2015-02-02T02:06:08.347
290
5704
answer


W3C Markup Validatorはローカルにインストールして使用できるようです。

<http://validator.w3.org/docs/install.html>

または、HTMLをべた書きするタイプではないテンプレートライブラリを使う手もあります。[HAML](http://haml.info/)のような。


CC BY-SA 3.0
2015-02-02T07:17:12.440
5759
2015-02-02T07:17:12.440
5793
5704
answer