2013年9月6日金曜日

ブラウザのデバッグツールを使ってタグを調査する

Web ブラウザのデバッグツールを使って、ページを構成しているHTML タグの id や class を確認することができます。ショートカットは Mac のものです。

Safari の場合
開発ツールを出して(⌘ + alt + I)ドキュメントのアイコンをクリック。
右側の指のアイコンをクリックして、ページ上にマウスカーソルを乗せると、
タグを確認することができる。




Chrome の場合
開発ツールを出して(⌘ + alt + I)、左下の虫眼鏡マークをクリック。
ページ上にマウスカーソルを乗せるとタグの詳細が表示される。



こっちで他のブラウザもまとめました

0 件のコメント:

コメントを投稿