ブラウザ -> FireFOX

FireBug

FireBug とは webページのHTML CSS JavaScript 等に対しての編集、デバック、分析
を行う事ができる Firefox のアドオンである。

ダウンロード&インストール


以下のサイトから firefox のアドオンである Firebug をダウンロード&インストールする。

http://www.getfirebug.com/jp.html

INSTALL FIREBUG ボタンをクリックする
インストールを実行
インストール終了


FireBug を起動する

メニューの[ツール]-[firebug]-[firebugを新しいウィンドウで開く]をクリックする
Firebugの起動

Firebugでできる事

とりあえず一通り表示させてみる

新しいウィンドウで起動した画面

  上記の内容は、当サイトを HTML 階層で表示した内容である。
  ソースの DIV 部分にカーソルを置くと WEBページの DIVで囲まれた部分の色がかわる。

各パーツのダウンロード所要時間を表示させる

  上記の内容を解析すると、
  このWebページを表示させるには、3.91秒かかっている。
  読み込む順番も左から右となっているので、どれが平行して読み取っているかもわかる。
   但し、下4行の CreateXMLto〜 は ajaxで非同期処理をしているのでページが表示
  されるまでは 2.5秒程度となっている。
  これを解析すればネックとなっている箇所が特定する事が可能となる。

  同じようなアドオンで Yahoo の提供する開発ツール Yslow がある。
  このアドオンは firebug が必須となっている。



先頭へ

      Document-Folder          一覧
HP-UX
HULFT
JAVA
JP1
JavaScript
Linux
MAC
PHP
Perl
Python
Ruby
SOA
Solaris
Unix全般
Windows
XML
エクセル
スタイルシート
セキュリティー
データベース
ネットワーク
パソコン
ブラウザ
プログラム構文
仮想化
          RSS-Folder
ニュース
   アットマーク・アイティ(@IT)
   シンクイット(ThinkIT)
   インターネットコム
   インターネットウォッチ
   日経IT-Pro
   日経パソコン
   CNET Japan
   ZD-NetJapan
   MYCOM
   RBB-Today
ベンダー
   日本IBM
   日本HP
   サンマイクロシステムズ
   NEC
   富士通
   日立
ソフトウェア
   マイクロソフト
   トレンドマイクロ
   オラクル
   サイボウズ
   Mozilla
   野村総合研究所
   (その他ソフトウェア企業)
更新履歴 一覧
 07/08 PERF
プログラム構文
 07/07 PERF
プログラム構文
 06/25 オブジェクトプログラミング2
Perl>サンプル
 07/12 クローン作成
仮想化>vCenter
 07/12 vyatta設定
ネットワーク>vyatta
 07/12 vyattaインストール
ネットワーク>vyatta
 07/12 リポジトリサーバ
Linux>サーバ構築
 07/05 VMwareのインストール
仮想化>VMware
 07/05 PXEブート
仮想化>KVM
 07/01 DHCPでのPXEブート
仮想化>KVM
 06/27 qcow2仮想DISK作成
仮想化>KVM
 06/13 NWの設定
仮想化>VMwareEsxi
 06/13 IPアドレスの変更
仮想化>VMwareEsxi
 06/12 自動ssh
Unix全般>シェル>Bash
 06/12 diffプログラミング
Python
Google