performance - 如何使用萤火虫加载和/或执行时间轻松创建图表？

Question

我需要创建图表来显示加载特定页面时最耗时的任务。好吧，Firebug 有这个很好的功能，可以向您显示网络部分中文件的所有加载时间，或者我是否可以使用探查器（控制台）。

现在我正在寻找从结果中获取图表（饼图）的最简单方法，而无需将所有文件和时间值输入到 Excel 表中。

有什么建议么？

Answer 1

您可以导出为 Har 文件（扩展名以允许 firebug Har 日志文件导出），这个 HarViewer 看起来很有前途......

https://github.com/janodvarko/harviewer

HAR Viewer 是一个 Web 应用程序 (PHP + Javascript)，它允许基于 HTTP 存档格式 (HAR) 可视化 HTTP 跟踪日志。这些文件包含有关网页执行的 HTTP 流量的记录信息。

- -还 - -

http://www.imagossoftware.com/harlog/

HarLog 采用 HAR 格式文件或 HAR HTTP 格式的流并创建一个制表符分隔的输出文件。然后可以将输出文件导入 Excel 或类似文件以创建图形报告。

Answer 2

您可以直接在浏览器中使用 Google Chart API： http ://code.google.com/intl/de/apis/chart/生成图表。（不需要excell ;-)）