Firebug NetExport 介紹

一，前言

  用Firebug的Net頁能分析，WEB網頁的加載時間，HTTP HEAD 情報等等重要信息。有時候需要將這些信息保存起來，詳細分析。『NetExport』這個FireBug的擴展Plugin能幫助我們完成這個功能。

 

二，環境

  Windowns7

  Firefox5 （Firefox6也行）

  Firebug

  Firebug NetExport

 

三，安裝 Firebug

  Firebug安裝 ：https://addons.mozilla.org/ja/firefox/addon/firebug/

 

  選擇『Add to Firefox』，安裝Firebug。

 

  選擇『立即安裝』。重啓 Firefire 後，右上角出現 Firebug 的按鈕，就說明正確安裝成功。

 

四，使用 Firebug

  在缺省的情況下，Firebug-Net 頁是禁用的，因爲會影響頁面訪問效率。需要啓動一下。下面是訪問 ITeye 主頁時的記錄。能看到頁面加載時各個時期消耗的時間。

 

  這些數據很重要，有時需要保存起來，方便以後性能改善後進行比較。這就需要，安裝 Firebug-NetExport。

 

五，安裝&使用 NetExport

  這是安裝地址 ：http://getfirebug.com/wiki/index.php/Firebug_Extensions#NetExport

 

 

  我選擇的是 0.8b17 版， 2011-08-31時的最新版。

 

  我的用法是，先選擇『保持』，『所以』選擇。然後，多次訪問頁面，記錄頁面加載數據。最後，Export -> Save As... 保存數據。

 

  保存後，會自動把數據上傳到 http://www.softwareishard.com/har/viewer/ 進行分析。

 

  其實保存的數據，是JSON格式，自己用 javascript 也能簡單分析。