Please Sign In or Register

Firefox でブラウジングしながらサイトの HTML を検証する

これまでよりはモジュールに頼る部分が増えてはきたが、基本的にはタグのベタ打ちでコンテンツを投稿している。
そのことによって終了タグに / を忘れていたり、また、Drupal の改行フィルタの動作によって不要な </p> タグが挿入されていたりと、検証しなければなかなか気付かないエラーがコンテンツ内に発生していることがある。

これまでは、時間のあるときに HTML ソースの検証サイトで確認したりもしていたが、それでは面倒なので、Firefox の拡張機能である 「Html Validator」 を導入した。

これは、サイトを閲覧するだけでそのページ内の HTML を解析し、ステータスバーにエラーの状態を表示してくれるというツールで、アイコンをマウスオーバーするとエラー数などが表示され、ダブルクリックすると HTML ソースと詳細なエラー内容が表示される。

Html Validator Error Html Validator Warning Html Validator No Error

Html Validator HTML ソース「ページのクリーンアップ」 を選択することで、「クリーンアップした HTML」 と 「オリジナルの HTML」 のソースを比較したり 「クリーンアップしたページ」 と 「オリジナルのページ」 を表示して比較することもできる。

Html Validator HTML キャッシュが空です

たまに 「HTML キャッシュが空です」 と表示され上手く検証できないページがあったが、何度かリロードすることで対応できた。

[参考]
Html Validator | Firefox Add-ons | Mozilla Corporation

トラックバック

トラックバックは承認後に表示されます。

URLから "-nospam" を削除してトラックバックを送信してください。