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

Question

是否可以使用chrome开发人员网络标签中生成的数据？数据如何生成？

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

我尝试使用Resource Timing API，但是transferSize，encodedBodySize或encodedBodySize不会返回我要查找的值。

我想访问这个：

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

这可能吗？

Answer 1

如果执行以下步骤，则可以合理地实现此目的。这可能不是完美的解决方案。但是，您可以找到所需的详细信息。

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

希望这会有所帮助

Answer 2

这是我需要的资源计时API