Web製作に便利な各ブラウザごとの開発者ツールのまとめ | 技術屋のメモ | WEB/アプリ開発技術メモ最も有名なプラグインのひとつですね。 リアルタイムDOM操作やページの読み込みにどこで時間がかかっているのかを調べることができます。 インストールすると、「ツール」⇒「Web開発」から表示・非表示を切り替えれます。 ⇒Firebugのダウンロードはこちらから こちらも有名なプラグイン。DOMの解析にとても役立ちます。 私が一番使うのが、スタイルの調査。「ツール」⇒「Web開発」⇒「調査」から表示することができ、任意の要素をクリックするとその要素の適応スタイルを見ることができます。 リアルタイムでの変更も可能です。 さらにWebサイトの任意の位置をドラック選択し「右クリック」⇒「選択した部分のソースを表示」とするとJavascriptが適応されたソースを見れます。 Javascriptを確認してどのようにソースが変更されたのかを確認できます。
