プログラミング未経験者の備忘録

ノンプログラマーが社内SEになったのでイチからプログラミングを勉強し始めました!

HTML記述ミスを簡単に見つけるChrome拡張機能:HTMLエラーチェッカー

f:id:su3se:20191207095230p:plain

WEBデザインやWEB開発をしているときに、HTMLの記述ミスを視覚的に即座に見つけてくれるChrome拡張機能「HEMLエラーチェッカー」が非常に便利です。

f:id:su3se:20191207095326p:plain

 

f:id:su3se:20191207095426p:plainダウンロードはChromeウェブストアから

chrome.google.com

拡張機能の使い方

Chromeウェブストアで拡張機能をインストールしたらエラーチェックをしたいURLを表示させた状態で右上のアイコンをクリックすると以下のようにエラー箇所が表示されます。

f:id:su3se:20191207095024p:plain

 

エラーがない場合

f:id:su3se:20191207100304p:plain

エラーがあると右上のアイコンに数字が表示されます。

f:id:su3se:20191207100332p:plain

また、エラー箇所に色がついてわかりやすい以外にポップアップ上部にはエラーが出ている行がどこなのかがスグに解るようになっているのでサイトチェック、修正作業がスグにできます。