第1回 詳説：デベロッパーツールの使い方 | gihyo.jp

こんにちは、Google Chrome ExtensionsのAPI ExpertとChromium-Extensions-Japan管理人を担当している、太田と申します。いつもはクロスブラウザで連載していますが、今回はGoogle Chromeのデベロッパーツールについて紹介します。 昨今のJavaScript、HTML、CSSブームの背景には、開発環境、特にFirebugに代表されるようなデバッグツールの目覚しい発展が大きく貢献していると思われます。その反面、高機能化するデバッグツールの各種機能を使いこなすことが難しくなってきているという現実もあります。そこで、今回から全4回でGoogle Chromeに搭載されているデベロッパーツールの使い方とそれを利用したデバッグ・チューニングのノウハウをお届けしたいと思います。第1回はデベロッパーツールの機能紹介と基本的な使い方を解説します。 な

[kana321]

説：デベロッパーツールの使い方

[dreammind]

[わかりやすい] デバッグモード

[scarlett_sanshiru]

デベロッパー

[yaoki_dokidoki]

勉強になる

[richdadspolicy]

google dev tool

[roppara]

メモ

[hurvinek]

すっかりChromeだけ使うようになったなあ。。

[wkmy]

要素を検証。Ctrl+Shift+iで起動。

[tomoya_7791]

web

[kireifish]

WebKit版FirebugのWebInspector

[darupants]

Chrome dev

[toton]

Console関数($x,firebug: b:id:entry:08675173)

[aoe-tk]

ここ最近愛用しているツールなのでこの解説ありがたい。特にコンソールで使える関数一覧が便利。

[monjudoh]

デフォルトで要素に貼られたevent確認する機能あるのかよ

[kshimo69]

chrome版Firebug

[satojkovic]

q

[dasman74]

クロムは快適そう。帰ったら試してみる。

[hiyang]

HTTPヘッダ見られるんだ。

[efcl]

Google Chromeのコンソール使い方