您可以访问 Chrome 开发者网络标签数据吗？

Question

有没有办法使用 chrome 开发者网络选项卡中生成的数据？数据是如何产生的？

我正在调查 Puppeteer。我想遍历页面上的所有图像并返回这些图像的图像大小。

我已尝试使用 Resource Timing API，但 transferSize、encodedBodySize 或 decodedBodySize 不返回我正在寻找的值。

我想访问这个：

https://i.imgur.com/g7blgmj.png

这可能吗？

Answer 1

如果您遵循以下步骤，这可以合理地实现。这可能不是完美的解决方案。但是，您可以找到您正在寻找的详细信息。

1. 打开您的开发工具。转到网络标签。
2. 删除不想下载的列。 （您可以通过右键单击并单击勾选来执行此操作。取消勾选后，该列将从控制台中删除） - 请参见下面的第一个屏幕截图。
3. 选择所有项目（按 Ctrl + A）。
4. 右键单击按复制（或仅按 Ctrl + C） - 请参见下面的第二个屏幕截图。
5. 粘贴到 Notepad++ 中查看。

希望对你有帮助

Answer 2

这是我需要的资源计时 API