Question

<body>
<div class="hidden">
<img src="...">
<img src="...">
<img src="...">
</div>

<img src="...">
</body>

由于未显示.hidden div，我如何检查浏览器是否首先加载其所有子图像，或者可能跳转到隐藏的div之外，以便首先加载可见图像？

如果没有，是否有办法使用javascript或其他方式编写这样的指令。

我正在使用Chrome，已更新。

Answer 1

您可以使用onload处理程序为每个图像加载它们时进行监控：

<body onload="console.log('body.onload')">
<div class="hidden">
<img src="..." onload="console.log('Loaded: ' + this.src)">
<img src="..." onload="console.log('Loaded: ' + this.src)">
<img src="..." onload="console.log('Loaded: ' + this.src)">
</div>
<img src="..." onload="console.log('Loaded: ' + this.src)">
</body>

如何控制页面加载工作流程

1 个答案: