Chrome HAR Viewer 技术文档

Chrome HAR Viewer 技术文档

chromeHAR HAR viewer that mimics (or at least tries really hard to) Chromes network tab 项目地址: https://gitcode.com/gh_mirrors/ch/chromeHAR

1. 安装指南

环境准备

• 确保你已经安装了Node.js和npm。
• 安装Bower和Grunt CLI。

安装步骤

1. 克隆项目到本地：

   git clone https://github.com/ericduran/chromeHAR.git
   

2. 进入项目目录：

   cd chromeHAR
   

3. 安装项目依赖：

   npm install
   bower install
   

2. 项目的使用说明

启动项目

在项目根目录下运行以下命令启动项目：

grunt server

这将启动一个本地服务器，并在浏览器中打开Chrome HAR Viewer。

功能介绍

• 多页面HAR文件支持：支持加载和查看多个页面的HAR文件。
• 拖放HAR文件：可以直接将HAR文件拖放到页面中进行加载。

缺失功能

• 时间详细视图：目前不支持时间详细视图。
• 时间线排序：不支持按开始时间、响应时间、结束时间、持续时间、延迟排序。
• 页面速度API：尚未集成页面速度API。
• 用户设置：尚未实现用户设置功能。
• 底部信息：尚未显示请求数量、传输大小等信息。
• 离线支持：目前不支持离线使用。

3. 项目API使用文档

核心API

• loadHAR(file)：加载指定的HAR文件。
  • file：要加载的HAR文件对象。

示例

// 假设你有一个HAR文件对象
var harFile = new File(["content"], "example.har", { type: "application/json" });

// 加载HAR文件
loadHAR(harFile);

4. 项目安装方式

通过npm安装

npm install chrome-har-viewer

通过Bower安装

bower install chrome-har-viewer

手动安装

1. 下载项目源码。
2. 解压到你的项目目录。
3. 按照“安装指南”中的步骤进行安装和配置。

通过以上步骤，你可以成功安装并使用Chrome HAR Viewer项目。希望这篇文档能帮助你更好地理解和使用该项目。

chromeHAR HAR viewer that mimics (or at least tries really hard to) Chromes network tab 项目地址: https://gitcode.com/gh_mirrors/ch/chromeHAR