WEB開発に便利なツール
WEBサイトのＨＴＭＬ作成は、未だにテキストエディタ(主にterapadを使用)のみで構築する勝又です。
そんな私がWEBサイト作成時に愛用しているツールがあります。
それは「Internet Explorer Developer Toolbar 」と「Dom Inspector」と呼ばれるツールです。
|
Dom Inspector(for FireFox) |
IE Development Toolbar(for Internet Explorer) |
これらは「表示されているWEBページを解析してくれるツール」なのです。
どうゆう時に使うかというと、
- 文字や画像に割り当てられているCSSを調べたい
- この文字が表示されているタグを知りたい
- CSSファイルを変更しないで、一時的にCSSを変更したい
- 一時的にJavaScriptを無効にしたい
- JavaScriptがどの行でエラーを起こしているのか調べたい
(Dom Inspecterのみ) - JavaScriptがどんな通信をしているのか調べたい
(Dom Inspecterのみ)
などです。
サイトを作ったときに、
「なぜか指定したサイズと表示されているサイズが合わない」
「JavaScriptがどうゆう動きをしているか調べたい」
「表示されているページのHTMLを知りたい」
なんてときには非常に役立ちます。
まぁいまどき、HTMLをテキストエディタで作る人なんて殆どいないでしょうが、少なくとも「WEB プログラマ」と呼ばれる方々には重宝モノですよ。
【類似品】
DebugBar
http://www.debugbar.com/
IEDoc Mon
http://www.cheztabor.com/IEDocMon/index.htm
Web Accessibility Toolbar (ちょっと違うけど。)
http://www.infoaxia.com/tools/wat/index.html
【とりまとめたページ】
[小ネタ]IEで使えるDOMインスペクタっぽいツール
http://s.drmg.net/chd/others/htm/1_6_iedominspector.htm
