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

Question

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

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

我尝试使用资源计时 API，但 transferSize、encodedBodySize 或 decodedBodySize 不返回我正在寻找的值。

我想访问这个：

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

这可能吗？

标签： javascriptnode.jsgoogle-chromejestjspuppeteer

Answer 1

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

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

希望这可以帮助