我如何判断背景图像是否成功加载......事后？
How Can I Tell If a Background-Image Loaded Successfully ... AFTER The Fact?
有几个 Stack Overflow 问题，例如 How can I check if a background image is loaded?，与我的相似。他们尝试在元素的 background-image 加载时 运行 编码，并通过向元素添加 onload 处理程序来实现此目的。
但是，如果您正在 运行 宁（例如）一个 Puppeteer 脚本，它会在 之后检查它已经加载的页面怎么办？在这种情况下，您无法添加 onload 处理程序。
有没有什么方法可以在不使用 onload 的情况下“事后”验证元素的 background-image 已加载？
我能想到的唯一方法是获取他们的 background-image 样式，然后 fetch 我自己查看图像是否加载...但这似乎比直接询问要慢很多浏览器（不知何故）如果图像加载...特别是如果我正在检查很多 background-images.
Puppeteer 有一个页面配置来检查空闲连接数。因此应该在没有超过 500 毫秒指定的请求时加载图像。
await page.goto('https://www.google.com/', {"waitUntil" : "networkidle0"});
在onLoad事件中，写下您要检查的数据，以便保存状态。
然后当您的 Puppeteer 脚本运行时，您将能够重新检查完全相同的数据。
有几个 Stack Overflow 问题，例如 How can I check if a background image is loaded?，与我的相似。他们尝试在元素的 background-image 加载时 运行 编码，并通过向元素添加 onload 处理程序来实现此目的。
但是，如果您正在 运行 宁（例如）一个 Puppeteer 脚本，它会在 之后检查它已经加载的页面怎么办？在这种情况下，您无法添加 onload 处理程序。
有没有什么方法可以在不使用 onload 的情况下“事后”验证元素的 background-image 已加载？
我能想到的唯一方法是获取他们的 background-image 样式，然后 fetch 我自己查看图像是否加载...但这似乎比直接询问要慢很多浏览器（不知何故）如果图像加载...特别是如果我正在检查很多 background-images.
Puppeteer 有一个页面配置来检查空闲连接数。因此应该在没有超过 500 毫秒指定的请求时加载图像。
await page.goto('https://www.google.com/', {"waitUntil" : "networkidle0"});
在onLoad事件中，写下您要检查的数据，以便保存状态。
然后当您的 Puppeteer 脚本运行时，您将能够重新检查完全相同的数据。