`
yutiansky
  • 浏览: 197480 次
  • 性别: Icon_minigender_1
  • 来自: 本溪
社区版块
存档分类
最新评论

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 也能简单分析。

 

 

  • 大小: 20.8 KB
  • 大小: 31.2 KB
  • 大小: 71.7 KB
  • 大小: 14.9 KB
  • 大小: 30.9 KB
  • 大小: 96.6 KB
  • 大小: 56.9 KB
分享到:
评论

相关推荐

    firebug入门介绍,顶!

    以下是对 Firebug 的详细介绍: 1. **安装 Firebug** Firebug 是一个 Firefox 插件,可以在 Firefox 的 Add-ons 网站上下载。安装后只需重启浏览器即可使用。同时,还有一个 Firebug Lite 版本,可以通过 ...

    firebug的介绍和使用基础.docx

    firebug的介绍和使用基础 从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式表展示每个页面模块;要调试javascript给页面增加一些更活泼的要素;要使用...

    firebug1.12-firebug1.11-firebug1.10-firebug1.9-firebug1.8-firebug1.7

    这个压缩包包含了Firebug从1.7到1.12的不同版本,让我们逐一探讨这些版本中的关键更新和特性。 1. Firebug 1.7: - 在这个版本中,Firebug引入了对HTML5新特性的支持,如离线存储(localStorage和sessionStorage)...

    FireBug插件使用教程

    本文主要是为初学者介绍 FireBug 的基本功能与如何使用 FireBug。 一、安装 FireBug FireBug 是与 Firefox 集成的,所以我们首先要安装的是 Firefox 浏览器。安装好浏览器后,打开浏览器,选择菜单栏上的“工具”...

    firebug各个版本安装包

    Firebug是一款著名的网页开发者工具,尤其在Web开发和调试领域有着广泛的使用。它作为一个扩展,适用于Mozilla Firefox浏览器,提供了一套全面的工具,允许开发者查看、编辑和测试HTML、CSS、JavaScript以及网络请求...

    firebug 35

    "西西软件园.txt"可能包含了关于Firebug的介绍或者安装教程,而两个".url"文件则可能是指向西西软件园的相关网页链接,用于获取更多关于Firebug的信息或者下载最新版本。 总的来说,Firebug 35是一个针对Firefox 35...

    firebug及其安装方法

    下面我们将详细介绍Firebug的功能以及如何进行安装。 **一、Firebug的主要功能** 1. **HTML查看与编辑**:Firebug可以让你直接查看网页的HTML结构,并允许你在浏览器中实时编辑,查看更改的效果。 2. **CSS调试**...

    firefox插件firebug

    Firebug是firefox的一个插件,Firebug 和 firefox 整合在一起,使你浏览网页时手边有了一套强大的网页开发工具。 你可以编辑、调试和监控任何网页上的 CSS、HTML 和 Javascript。而且可以在线的时候修改dom非常弹大...

    firefox_firebug

    下面将详细介绍Firefox和Firebug以及它们结合使用时的关键知识点。 **Firefox浏览器:** Firefox是由Mozilla开发的一款开源网络浏览器,以其隐私保护、定制性和安全性著称。它支持多种Web标准,包括HTML5、CSS、...

    最新版fireBug插件

    FireBug是一款经典的JavaScript调试工具,尤其在Web开发领域有着广泛的应用。它最初是Firefox浏览器的一个扩展,后来成为了开发者必备的工具之一,尽管现在已经被Firefox的内置开发者工具所取代,但其在历史上的地位...

    firebug2.0.19.xpi

    《Firefox火狐浏览器JavaScript调试工具Firebug 2.0.19详解》 在Web开发过程中,调试JavaScript代码是一项至关重要的任务。Firebug,作为Firefox火狐浏览器的原生插件,曾是开发者们最得力的助手之一,特别是在...

    firebug-1.9.0-fx

    1. **Firebug的介绍**: Firebug是一款开源的Firefox浏览器插件,由Joe Marini在2005年创建。它提供了对HTML、CSS、JavaScript以及网络请求的实时查看和编辑功能,使开发者能够直接在浏览器中调试和优化他们的网页...

    firebug 1.2中文版

    Firebug是一款历史悠久且深受开发者喜爱的Firefox浏览器插件,它为Web开发提供了强大的调试工具。在Firebug 1.2中文版中,我们主要聚焦于以下几个核心知识点: 1. **HTML调试**:Firebug允许开发者实时查看网页的...

    firebug 1.62 中文版

    标题提到的是"firebug 1.6.2 中文版",意味着这是一个针对中国用户优化的版本,提供了中文界面,方便中文使用者更好地理解和使用。 在Firebug 1.6.2这个版本中,包含以下几个核心知识点: 1. **JavaScript调试**:...

    Firebug各大版本

    Firebug是一款著名的网页开发者工具,尤其在Web前端开发领域中有着广泛的使用。它作为一个插件,曾经是Firefox浏览器的核心组成部分,允许开发者实时查看、编辑和调试HTML、CSS、JavaScript等网页元素。本压缩包包含...

    safari浏览器的firebug

    **Safari浏览器的Firebug Lite** Firebug是Firefox浏览器的一款著名开发者工具,它为前端开发者提供了强大的HTML、CSS、JavaScript调试和分析功能。然而,在Safari浏览器中,原生并没有内置像Firebug这样的开发工具...

    httpwatch与firebug.

    标题"HTTPWatch与Firebug"提到了两个重要的网页开发和调试工具:HTTPWatch和Firebug。这两个工具在Web开发领域都扮演着至关重要的角色,主要用于分析和优化网页性能。 **HTTPWatch** HTTPWatch是一款强大的HTTP...

    firebug.7z

    Firebug是一款著名的网页开发者工具,尤其在Web开发和调试领域有着广泛的使用。它作为一个Firefox浏览器的扩展,允许用户查看和编辑HTML元素、CSS样式、JavaScript代码以及网络请求。本压缩包包含从firebug-1.7.3到...

Global site tag (gtag.js) - Google Analytics