在使用Chrome浏览器时,开发者可能会遇到DOMContentLoaded事件触发时间晚于load事件的情况,尤其是在HTML页面同时加载CSS和JavaScript时。这种现象在其他浏览器(如Firefox)中较少出现。本文将分析此问题的原因。
问题根源在于Chrome浏览器的一个长期存在的Bug。该Bug早在2020年就被用户反馈,至今仍未修复。 Chrome浏览器在处理CSS和JavaScript资源加载以及DOM树构建的同步性方面存在缺陷,导致DOMContentLoaded事件的触发时机延迟,甚至可能晚于load事件,这与预期行为不符。
目前,这个问题没有直接的解决方法,只能视为Chrome浏览器的已知Bug,等待Google官方修复。