是否有任何可能的方法可以从 Chrome 开发人员工具中的网络选项卡本地保存网络调用

Posted 2023-02-27

【中文标题】是否有任何可能的方法可以从 Chrome 开发人员工具中的网络选项卡本地保存网络调用

【英文标题】：Is there is any possible ways to save network calls locally from network tab in Chrome Developer tools

【发布时间】：2015-11-09 16:03:13

【问题描述】：

我试图保存 Chrome 开发者工具的“网络”选项卡上可用的网络调用。

问题是，我可以在我的个人请求之后查看网络调用以及响应时间，但我无法保存它..所以请建议我是否有任何可能的方法可以从本地保存网络调用谷歌浏览器的网络标签 - 开发者工具

【参考方案1】：

首先，右键单击网络面板中的任意位置，然后选择“另存为带有内容的 HAR”。这会将整个网络日志保存到一个文件中。

现在，找到一个 HAR 查看器，例如 chromeHAR。在查看器程序中打开 HAR 以查看数据。是的，chromeHAR 使用了一个非常旧的界面，但仍然非常适合快速查看数据。

请记住，HAR 文件是一个简单的 JSON 结构。如果需要构建您自己的工具来分析数据或按您的意愿显示数据，这应该很容易。

保存 HAR：

在线查看 HAR：

【讨论】：

嗨 Garbee，还有其他可能的方法来通过 selenium webdriver 保存网络调用吗？我实际上觉得从 HAR 格式中提取所需的数据非常困难

可能值得再问一个关于如何提取所需数据的问题。这种信息可能对许多试图弄清楚的人有所帮助。在将它与 Selenium WebDriver 一起使用时，这似乎还需要另一个问题，因为它与这里提出的主要问题无关。

感谢您的友好回复，将尝试将这些作为单独的问题发布..如果找到任何答案，请告诉我

【参考方案2】：

使用 Ctrl - A 选择所有内容，然后右键单击并“另存为带有内容的 HAR”。它将保存在 .har 文件中。 您可以使用多种工具打开它。网上有Google HAR Analyzer。您也可以找到其他工具。

【讨论】：

感谢您的回答。从 har 格式中提取我所需的数据更为复杂。是否有任何其他方法可以按原样提取“网络”选项卡..可在开发人员工具中使用

您也可以尝试全选然后拖放到 Excel 中，但我不确定它的结构如何。

到目前为止，我可以通过 Selenium Webdriver 访问开发者工具。但是，我无法访问“网络”选项卡。为此，我需要开发人员工具的 xpath 才能继续进行