HTMLタグの閉じ忘れをチェックするChrome拡張機能を作ってみた
概要
HTMLタグ閉じ忘れチェッカー @Chrome拡張機能
早速ですが以下のページで公開しています。
作った背景とか
この拡張機能を作った経緯ですが、単純なタグの開き・閉じ忘れを簡単に防げる方法がないかな。
と思って作成しました。
特にHTMLにそこまで詳しくない方、デバッグが苦手な方は試しに使ってみていただきたいなーと思っています。
もちろんマークアップを行う方は入れてみていただけると嬉しいです!
簡単な仕様説明
できること
- 表示しているページにタグの開き・閉じ忘れがないかをチェック

- タグの開き・閉じ忘れがあった場合、その数を表示

- どの箇所にタグの開き・閉じ忘れがあったのかを表示

今後について
確認できているバグ
- たまに謎のタグエラーが検出される
- scriptタグ内、コメントタグ内のタグもチェックしてしまう
- 複数のChromeのウィンドウを開いていると正常にチェックできないことがある
出来れば直してからリリースしたかったのですが、とりあえずは使えるのでまずリリースして、そのあと時間を見て直したいです。。
今後追加したい機能とか
- 細かなバグフィックスを行う
- 多言語対応を行う
の2点かなーと思っています。
多言語対応…英語を…覚えたいです…
他にも何か要望などあった場合、対応できるものに関しては導入したりしていきたいと思います。
ご意見などはコメントやTwitterの@kzms2までご連絡をください。
参考にさせていただいたサイト
特にHTML内のタグ閉じ忘れをチェックするブックマークレットを公開なさっている、HTML内タグの閉じ忘れをチェックするツール[ブックマークレット] – とっくりばーさんのツールに刺激を受けて作りました。
ありがとうございました!
いろいろと拡張機能大変でしたが、なんだかんだで面白かったのでまた何か作れるように頑張りたいと思います!
作り方とかまとめたら需要がありそうでしたら、そちらも合わせて記事を書いてみます。







