WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました
2007年11月15日
スポンサード リンク
My DebugBar | ToDo / Beta
This new version introduces a new DOM tab with greatly improved features on the css side and is fully unicode !
WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました。
DebugBar をインストールすると、DebugBarツールバーとDebugBarエクスプローラーバーがインストールされます。
DebugBarツールバーでは次のことが出来ます。
- ブラウザ画面のキャプチャをメール送信
- カラーピッカー
- 特定の画面解像度にリサイズする機能
- ページの表示を 10% 〜 800% まで拡大/縮小表示できる( IE の Zoom 機能使用 )
画像やFlashなどのobject も拡大縮小できます - ソースコードをハイライト付きで表示
オリジナルのソースと、IEが解釈した後のソースを見比べることも可能 - 指定文字列ハイライト検索機能
様々な便利機能があって、IEでのWEB開発に使えますね。
次に、DebugBar エクスプローラーバーを見てみましょう。
こちらも便利な機能が多数組み込まれています。
- DOMインスペクタ機能

ドラッグ&ドロップで指定位置のHTMLタグ、CSS情報、レイアウトに関する情報(FireBug風)などが調べられます。
FireBugでいうDom インスペクタの機能ですね。 - HTTPコネクション参照機能
画像、CSSなどを取得するために、ページの表示に使われた、HTTP/HTTPSコネクションを表示することが可能です。
取得時のHTTPヘッダーについても表示することが可能。
それがキャッシュされたかどうかなどの情報についても知ることができます。 - JavaScript コンソール、スクリプトビューア機能

FireBugのようなJavaScriptコンソールや、スクリプトビューアが便利 - HTMLチェッカー
- ページ情報表示機能
ページURL、タイトル、サイズ、charset、プロトコルなどの情報を表示できます。
FireBugにもない機能もいろいろあって、IEをお使いの方には便利に使えそう。
同じサイトから出ている「CompanionJS」もJavaScriptのデバッグに活用できます。
スポンサード リンク
投稿者 KJ : 2007年11月15日 07:04
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- 有用なPhotoshopファイル(psd)配布サイト14
- 2008年5月12日 管理人のブックマーク
- mixi脳を診断できる「mixi脳内メーカー」
- 標準のINPUTを拡張してフォーム入力を便利にする「inputEx」
- JavaScriptでクールにカラーフェードアニメーションを実現
- 「@」でエラー抑制すると PHP が遅くなる
- ステッカーのような可愛いフリーアイコン「Sticker Pack 2」
- 2008年5月9日 管理人のブックマーク
- WEB開発に使えるアイコン集「Free web development icons」
- 管理者ページのテンプレートが配布
- 写真にクールな曲線を合成してCDジャケット風にするPhotoshopチュートリアル

















