gpt4 book ai didi

javascript - 计算页面加载的所有资源

转载 作者:行者123 更新时间:2023-12-02 19:28:32 26 4
gpt4 key购买 nike

我正在加载一个包含 CSS + 图像 + 脚本的页面。因此,我想计算在页面加载时运行时加载到页面上的所有资源总数,以便我可以根据该计算和一点加载时间显示进度条。

我的问题是如何计算实际加载到dom中的资源数量,包括图像+脚本+css文件。基于此,我需要计算进度条进度模式并使其继续进行。

有人可以告诉我如何做到这一点吗?

最佳答案

没有直接的方法可以做到这一点。脚本和图像标签具有加载事件,因此您可以附加回调并知道它们何时加载。 CSS 没有要查询的事件或属性,但是您可以使用 img 标记来解决此问题。但这并不那么简单,因为如果您将回调附加到已加载的脚本标记,则该回调将永远不会启动,对于 img 标记也是如此。因此,当您的进度条开始跟踪文档上的所有 img/script/css 时,它将需要知道哪些 img/script/css 已加载,然后为其他尚未加载的 img/script/css 附加一个事件回调。 Img 标签具有 complete 属性,但 script 没有,因此您无法通过简单地查询 DOM 来知道脚本是否已加载。 CSS 更有技巧。

嗯,正如您所看到的,这不是一个简单的任务,实际上它很复杂,而且我个人认为仅仅为了显示进度条不值得花费时间和精力。 p>

在您的页面中显示一个古老而良好的旋转并感到高兴:)

关于javascript - 计算页面加载的所有资源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11775674/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com