Secura Vita

Post: 2016/03/14 | Update: 2016/03/17

HTMLのエラーをチェックするChrome拡張機能「HTMLエラーチェッカー」

カテゴリー: WorksHTML,CSS

単純にHTMLタグの閉じ忘れとか、タグが抜けてる(主にスペル間違い)などをチェックするルーツなんですが、これが意外に活躍します。

というのも最近のブラウザだとタグの補完がかなり優秀なのでちょっとのミスは見てるだけだと気づきません。

HTMLエディターで書いてたりすると気づくんでしょうけど、wordpressのエディターでソース書いてたりすると意外に間違ってます。

気になってこのブログ調べてみたら結構間違いが出てきました…

個人のサイトならいいですけど仕事でやってる場合は保険の意味を込めてこの拡張機能を入れておいてもいいかと。

HTMLエラーチェッカー

インストールは下記より。

HTMLエラーチェッカー – Chrome ウェブストア

チェック

エラーがあった場合はどういうエラーが何行目で起きてるかを教えてくれます。

こりゃ便利ですねー

HTMLエラーの内容

それと、自動チェックを有効にしておくとエラーのお知らせをしてくれるので間違いを見逃すことがなくなります。

仕事で作業中は自動チェックを入れておくといいかも。

HTMLエラ自動チェック

エラーはアイコンでひと目でわかります。

  • エラーあり
    エラーあり
  • エラーなし
    エラーなし

なるべくミスを無くして書きたいので、こういう補助系ツールはありがたいですしうまく使っていきたいですね。

Homeに戻る
モバイルバージョンを終了