タイトル

この"WebDeveloper"は、ものすごく多機能な拡張です。
私はたぶん、この拡張の10%位しか使っていないと思われます。

配布元のInfoaxiaによると、主な機能は。

クッキー、Java、JavaScript、CSSなどを無効にする
CSSをその場で編集する
フォームの各属性値を表示する
画像を非表示にする
alt属性のない、あるいはalt属性値が空の画像を枠で囲む
リンクのパスを表示する
ブラウザの画面内を拡大あるいは縮小する
テーブルのセルを表示する
ブラウザのウィンドウおよび表示領域の幅と高さを表示する
HTMLおよびCSSの構文をチェックする
W3C/WCAG 1.0 あるいは米国リハビリテーション法508条でアクセシビリティをチェックする
Webページのソースコードを表示する

だそうです。

私がよく使っている機能は、やっぱり2番目の"CSSをその場で編集する"でしょうか？最近はさっぱりやっていませんが、テンプレートを変える場合、借りてきたテンプレートのここを変えたいとかがある時、これは便利ですよ。ちゃんとCSSを勉強していない私でも、リアルタイムで編集できるので、「ああ、ここを変えると、ここがこういうふうになるんだ．．．」と、CSSのお勉強にもなります。

こんな感じで↓リアルタイムで編集できるんです。
これは、bodyを黒にしたところ。（クリックで拡大）
もちろん、"やってみる"だけで、実際"変更になる"わけではありません。



これをリアルタイムで出来るので、とっても便利です。

そして、もう1つ便利なのが、色情報です。
デザインセンスも、色のセンスもない私。ステキサイトを見つけたとき、気になるのがカラー。真似するわけじゃないけど、どんな色を使っているのかな？と気になったりします。

そんな時には"色情報を表示"をクリック。

そうするとこんな画面が出てきます（クリックで拡大）



そのサイトで使われている色が、一目瞭然です。

この色に関しては、もうひとついい拡張があるので、それは後日ということで．．．。

サイトを作るうえで、これがあればたいていのことが出来る拡張の紹介でした。