Firefox で表示しているウェブページの ID, CLASS 属性を確認する方法

今まで、ページ内で使われている ID, CLASS 属性を確認する時、Firefox の「表示」→「ページのソース」で、HTML ソースを表示して目的の箇所を探し出し確認。なんて言う面倒くさい事をしてましたが、JavaScript で HTML ソースを書き出されていると確認しようがありません。

そんな場合でも、Firefox の DOM Inspector を使えば確認できます。やり方は、

  1. 解析したいページの URL を入力後、アドレスバー右の Inspect をクリック。
  2. Search – Select Element By Click にチェックを入れて、画面下のブラウザ内で調べたい箇所をクリック。

なんですが、Web Developer と言う Firefox の拡張機能をインストールしておけば、「情報」→「ID属性とCLASS属性を表示する」で簡単に確認する事ができます。便利ですねー。

なんとなく、今さら感のあるエントリですが、とりあえずメモ。

コメントを残す

メールアドレスが公開されることはありません。