note から WordPress に出戻りました!😭

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属性を表示する」で簡単に確認する事ができます。便利ですねー。

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

現場からは以上です。それでは、またッ!!!