今まで、ページ内で使われている ID, CLASS 属性を確認する時、Firefox の「表示」→「ページのソース」で、HTML ソースを表示して目的の箇所を探し出し確認。なんて言う面倒くさい事をしてましたが、JavaScript で HTML ソースを書き出されていると確認しようがありません。
そんな場合でも、Firefox の DOM Inspector を使えば確認できます。やり方は、
- 解析したいページの URL を入力後、アドレスバー右の Inspect をクリック。
- Search – Select Element By Click にチェックを入れて、画面下のブラウザ内で調べたい箇所をクリック。
なんですが、Web Developer と言う Firefox の拡張機能をインストールしておけば、「情報」→「ID属性とCLASS属性を表示する」で簡単に確認する事ができます。便利ですねー。
なんとなく、今さら感のあるエントリですが、とりあえずメモ。