如何从 Chrome 开发者工具中导出数据？

Posted 2023-03-07

【中文标题】如何从 Chrome 开发者工具中导出数据？

【英文标题】：How to export data from Chrome developer tool?

【发布时间】：2011-11-23 05:31:52

【问题描述】：

页面加载时 Chrome 的网络分析

我想将此数据导出到 Microsoft Excel，以便在不同时间加载时获得类似数据的列表。一次加载页面并不能真正告诉我太多，特别是如果我想比较页面。

【问题讨论】：

一步一步参见：confluence.atlassian.com/kb/…

【参考方案1】：

您可以尝试使用 Haiphen，这是一个 chrome 扩展程序，可让您分析网络流量以及 Web 应用程序正在执行的 API 调用。

【参考方案2】：

我试图复制从 Chrome 网络测量的尺寸数据并偶然发现了这篇文章。我刚刚找到了一种将数据“导出”到 excel 的更简单方法，即复制表格并粘贴到 excel 中。

诀窍是单击 Control + A（全选），然后将突出显示整个表格，将其粘贴到 Microsoft Excel。唯一的问题是如果字段太多，并非所有行都被复制，您可能需要复制和粘贴多次。

更新：我发现只有在我关闭过滤器选项（表格上方的漏斗状按钮）时才能复制数据。 ——弯道

【讨论】：

这其实是最简单的方法。您可以通过缩小浏览器 (CTRL +/-) 来解决“字段过多”的问题。文本太小无法阅读也没关系，它会以正常大小复制/粘贴到excel中。

确实全选了，但只复制了可见文件（在滚动窗格中），我不知道为什么...：/

如果您右键单击它们，您可以使用列，这样您就可以获得比默认更多的数据

我无法使用 Ctrl-A，但我可以使用鼠标，从左侧的一列开始，然后通过单击并向上拖动来突出显示。仅供参考，ymmv，tisla。

@Pacerier 我发现只有在我关闭过滤器选项（表格上方的漏斗状按钮）时才能复制数据。

【参考方案3】：

要以 excel 或 csv 格式获取此信息 - 右键单击​​文件夹并选择“复制响应” - 粘贴到 excel 并使用文本到列。

【参考方案4】：

从 Chrome 76 开始，您拥有导入/导出按钮。

【讨论】：

这仍然只是导出一个 HAR 文件，与右键单击相同。您仍然必须以某种方式处理 JSON 并提取您所追求的文件。

【参考方案5】：

在 Chrome 的开发者工具中，在网络下的名称列中，右键单击并选择“另存为带有内容的 HAR”。然后打开一个新标签，转到https://toolbox.googleapps.com/apps/har_analyzer/并打开保存的HAR文件。

【参考方案6】：

我没有看到导出或另存为选项。

我使用 -.css -.js -.woff 过滤掉所有不需要的请求，然后右键单击其中一个请求，然后 复制 > 全部复制为 HAR

然后将内容粘贴到文本编辑器中并保存。

【讨论】：

我使用了这种方法，效果很好。我想补充一下答案；在文本编辑器中粘贴时的内容是一个 json 文件。事实上，我使用 powershell 来解析 json 并进一步研究请求重定向（在我的例子中）。

【参考方案7】：

在更现代的 Chrome 版本中，您只需将 .har 文件拖到 Chrome 开发工具的网络选项卡中即可加载它。

【讨论】：

我认为他想出口？

【参考方案8】：

注意 ≪Copy all as HAR≫不包含响应正文。

您可以通过 ≪Save as HAR with Content≫ 获取响应正文，但是如果您的日志数量不超过少量日志，它就会中断（我尝试过一次，只有 8k 个请求，但它不起作用。）解决这样，您可以使用 _request.contentData() 自己编写输出脚本。

当日志太多时，即使_request.contentData()和≪复制响应≫会失败，希望他们能解决这个问题。在此之前，使用 Chrome Network Inspector 并不能正确地检查微不足道的网络日志，最好使用其他工具。

【参考方案9】：

右击导出为HAR，然后使用Jan Odvarko's HAR Viewer查看

这有助于可视化已捕获的 HAR 日志。

【讨论】：

您也可以将 HAR 文件重新导入开发者工具（也适用于 Firefox）。

【参考方案10】：

我来这里是为了同样的问题。通过一些试验，我想出了复制多页 chrome 数据的问题，因为我缩小了问题，直到我在一页中得到所有数据，也就是说，没有滚动，字体大小非常小。现在将其复制并粘贴到复制所有记录和普通字体的excel中。 我认为这对几页数据很有用。

【参考方案11】：

您可以使用 fiddler web 调试器来导入 HAR，然后从它们开始就非常容易... Ctrl+A（全选）然后 Ctrl+c（复制摘要）然后粘贴到 excel 中并玩得开心

【讨论】：

提琴手网络调试器??

【参考方案12】：

我遇到了同样的问题，发现更简单的方法是将开发人员工具的视频取消停靠到单独的窗口！ （使用开发者工具窗口右上角的工具栏按钮） 在新窗口中，只需说全选并复制并粘贴到excel！

【参考方案13】：

如果您右键单击任何行，您可以将项目或整个数据集导出为 HAR，它似乎是 JSON 格式。

如果您真的需要在 excel 中编写一些内容以将其转换为 csv，那么编写脚本应该不是非常困难，但如果您已经在编写脚本，您不妨只使用脚本来询问您的数据问题.

如果有人知道如何从命令行驱动“加载页面，导出数据”过程的一部分，我会很想听听如何

【讨论】：

令人惊讶的是，chrome 的网络保存到 HAR 保存了所有数据，而不仅仅是项目

这似乎不适用于来自本地主机的请求。

我强烈推荐工具jq (stedolan.github.io/jq)，一个命令行 JSON 处理器。例如，您可以使用命令cat har-log.json | jq '.log.entries[].request.url' -r

从 HAR json 文件中提取请求的 url

Chrome 现在可以将 HAR 文件直接导入“网络”选项卡进行分析。

HAR 在 100,000 字节处截断