当前位置: 代码迷 >> Web前端 >> Firebug NetExport 引见
  详细解决方案

Firebug NetExport 引见

热度:886   发布时间:2012-08-30 09:55:54.0
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 也能简单分析。

?

?