首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Firebug NetExport 引见

2012-08-30 
Firebug NetExport 介绍一,前言? 用Firebug的Net页能分析,WEB网页的加载时间,HTTP HEAD 情报等等重要信息。

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 引见

?

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


Firebug NetExport 引见

?

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

?

四,使用 Firebug

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


Firebug NetExport 引见

?

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

?

五,安装&使用 NetExport

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

?

Firebug NetExport 引见

?

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


Firebug NetExport 引见

?

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


Firebug NetExport 引见

?

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

?

Firebug NetExport 引见
? 其实保存的数据,是JSON格式,自己用 javascript 也能简单分析。

?

?

热点排行