そういったとき、Firefoxではツールメニューの表示→ページのソースと辿って別窓でソースコードを参照するわけですが、これらをもっと簡単に行うことができるアドオンがあります。
「X-Ray」は、その名の通りページの中身を透かして見ることができるFirefox用アドオンです。
インストールするとページ閲覧時の右クリックメニューに”X-Ray”が追加されます。
HTMLタグなどを確認したいページがあれば、そのページ上で右クリック→”X-Ray”を選択するだけで以下のようにコードが”透けて”見えます。
”ページのソース”で参照するように全てのコードが表示されるわけではありませんが、hタグやdivタグ、フォントのスタイルなどの主要な項目はこれで十分確認できます。
解除するにはもう一度”X-Ray”をクリックするかタブをリロードします。
あのサイトの中身を”透かして”参考にしたい場合、素早くチェックできますね。
<関連記事>
■ブロガーなら「Web Developer」でCSSをいじろう。
■そのフォントは何?「Font Finder」
映画や音楽、ドラマなどイチオシ番組はここでチェック「GyaO」
ソニーのブログパーツ「FLO:Q」