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/


Firebug NetExport 介绍_第1张图片

 

  选择『Add to Firefox』,安装Firebug。


Firebug NetExport 介绍_第2张图片

 

  选择『立即安装』。重启 Firefire 后,右上角出现 Firebug 的按钮,就说明正确安装成功。

 

四,使用 Firebug

  在缺省的情况下,Firebug-Net 页是禁用的,因为会影响页面访问效率。需要启动一下。下面是访问 ITeye 主页时的记录。能看到页面加载时各个时期消耗的时间。


Firebug NetExport 介绍_第3张图片

 

  这些数据很重要,有时需要保存起来,方便以后性能改善后进行比较。这就需要,安装 Firebug-NetExport。

 

五,安装&使用 NetExport

  这是安装地址 :http://getfirebug.com/wiki/index.php/Firebug_Extensions#NetExport

 

Firebug NetExport 介绍_第4张图片

 

  我选择的是 0.8b17 版, 2011-08-31时的最新版。


Firebug NetExport 介绍_第5张图片

 

  我的用法是,先选择『保持』,『所以』选择。然后,多次访问页面,记录页面加载数据。最后,Export -> Save As... 保存数据。


Firebug NetExport 介绍_第6张图片

 

  保存后,会自动把数据上传到 http://www.softwareishard.com/har/viewer/ 进行分析。

 

Firebug NetExport 介绍_第7张图片
  其实保存的数据,是JSON格式,自己用 javascript 也能简单分析。

 

 

你可能感兴趣的:(Firebug,分析,firefox,NetExport,加载时间)