--年--月--日

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2011年01月15日

これひとつで十分かも。FirefoxアドオンWeb Developer!

WebDeveloper.gif

様々な Web 開発ツールを統合したツールバー。
CSS や JavaScript を無効化した状態で Web ページがどのように表示されるかを確認したり、
フォーム、画像、その他あらゆる要素に関する情報を表示することができます。グリッド表示、要素の枠線表示、ウィンドウサイズの変更といった便利な機能も備えています。(Firefoxアドオン Web Developer説明文から引用)
アドオンをインストールしたらこのような(別ウィンドウが開きます)がツールバーに表示されます。

解析したいHPに移ってメニューを選ぶだけ
WebDeveloper_02.gif
画像はアンカー表示とDivの順序表示

HPの更新などで古いHPはTableでガチガチに組んであってタグ満載で分析に困ったとき
「table要素の入れ子の深さを表示する」で何度も助けられました。

使いこなせばWeb作成の幅が広がりそうです。

ダウンロード:https://addons.mozilla.org/ja/firefox/addon/web-developer/
スポンサーサイト

Comment

非公開コメント

Trackback

http://perruche15.blog134.fc2.com/tb.php/40-996432c9

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。