第6回 Firebug要らずなChromeのWeb Inspector | gihyo.jp

こんにちは、太田です。今回はChrome拡張の開発時のノウハウとして、開発ツールの解説をお送りします。Google ChromeにはWebKit由来のWeb Inspectorというデバッグツールが搭載されています。以前にも少しだけ紹介しましたが、今回は具体的な使い方まで掘り下げて解説します。なお、今回のWeb Inspectorの解説はChrome拡張だけでなく、JavaScriptを使ったウェブアプリケーションの開発に一般的に役立つノウハウとなっています。 WebKitのWeb Inspector Chrome拡張の開発の必需品であるWeb Inspectorですが、こちらは元々WebKit（Safari）で開発されたもので、Google Chrome（Chromium）に搭載されているものはさらに機能が追加されています。FirefoxにはFirebugという定番ツールがありますが、そ

[kana321]

Firebug要らずなChromeのWeb Inspector

[sea_mountain]

developer toolsの説明

[authorNari]

debug,firebugみたいなやつ

[garbagetown]

あとでよむ

[alex_x]

ChromeのWeb Inspectorの紹介記事。Mac版にもちゃんとついています。SafariのWebインスペクタより機能が追加されているそうです。

[penult]

Google ChromeでもFirebugのような機能がデフォルトで使えるらしい。

[mellow_punch]

chromeのweb inspectorまとめ

[blueribbon]

「ChromeのWeb Inspectorは使いこなせばFirebug以上に強力なデバッグツールになります。」

[sw_lucchini]

Chromeの開発ツールの使い方まとめ

[hackmylife]

chrome版 firebugs

[penalty]

chrome版 firebugs

[afrovader]

開発

[tarchan]

覚えておこう＞行単位のステップ実行しかできないので，改行がデバッグ時に重要な意味を持ちます。

[ktakeda47]

「第6回　Firebug要らずなChromeのWeb Inspector」

[poafag]

chrome　デバッグ　firebug