Google chrome devtools 在Chrome开发者工具网络选项卡中调试多个加载和DomContentLoad行

Google chrome devtools 在Chrome开发者工具网络选项卡中调试多个加载和DomContentLoad行,google-chrome-devtools,Google Chrome Devtools,在Chrome开发者工具网络选项卡中,有加载和DomContentLoaded的时间。这些在网络工具中标记为红线和蓝线 分析某些网站时,会出现多个Load和DomContentLoaded事件加载标记行,后面的一行会在底部栏中更新最终加载和DomContentLoad时间。我试图理解为什么有多个事件标记行,因为文档中说它们只应该出现一次。看起来这与预加载或iFrame有关,但我不确定如何进行全面调查 下面是一个截图(网站测试为): 这些行表示从多个页面加载的DOMContentLoaded和L

在Chrome开发者工具网络选项卡中,有加载和DomContentLoaded的时间。这些在网络工具中标记为红线和蓝线

分析某些网站时,会出现多个Load和DomContentLoaded事件加载标记行,后面的一行会在底部栏中更新最终加载和DomContentLoad时间。我试图理解为什么有多个事件标记行,因为文档中说它们只应该出现一次。看起来这与预加载或iFrame有关,但我不确定如何进行全面调查

下面是一个截图(网站测试为):

这些行表示从多个页面加载的DOMContentLoaded和Load事件

当你导航到一个新页面时,Chrome正在清除请求列表,但是概览仍然显示已经记录的数据

有时,在没有加载事件的情况下,可以有多个DOMContentLoaded事件,因为可以在DOMContentLoaded事件之后、加载事件之前导航到页面之外


屏幕截图中的整个录制时间为2.5分钟,但从页面导航到页面完整页面加载的时间在底部栏中仅显示为1.7分钟。

情况可能不再如此。我在一个不知名的Chrome窗口中加载了一个页面,在概览窗格中有相当多的红色和蓝色条。我猜它们也在跟踪其他加载事件。你有没有发现这一点?