イマドキのIDE事情(102) Google ChromeのDeveloper Toolsを使いこなそう

様々なWebページでJavaScriptやCSSが活用されるようになり、WebブラウザにもWeb開発を効率的に行うための機能が搭載されることが一般的になってきている。たとえばFirefoxには古くからFirebugやWeb Developerといったアドオンが存在するし、Internet Explorerも8以降、開発者向けのツールが標準搭載されている。これらのツールを使用するとJavaScriptのデバッグやHTMLドキュメントのDOMツリーのインスペクションや動的な変更、CSSの変更などを行うことができる。 もちろんGoogle Chromeにも開発者向けのツールが標準で搭載されている。JavaScriptのデバッグ等はもちろんのこと、通信速度の測定やJavaScriptのプロファイリングも可能など、かなり高機能なものだ。今回はこのChromeの開発者向けツールの機能について触れてみた

[RMS-099]

Chrome に標準装備されている Firebug のような機能の説明。