Secura Vita

Category: Works , HTML,CSS
Works

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

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

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

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

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

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

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

HTMLエラーチェッカー

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

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

チェック

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

こりゃ便利ですねー

HTMLエラーの内容

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

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

HTMLエラ自動チェック

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

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

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


おもしろかった・役に立った
▼ブログランキング参加中!クリック!▼
  • ブログランキング・にほんブログ村へ

Leave a comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

ソースコードを記入する場合は [code]~[/code] でくくってください。
[code]
echo "Hello World";
[/code]

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください