我对一个有点简单的事情感到困惑，确定 CSS 样式表在 Google Chrome 中的加载顺序。
我原以为只需转到 Dev Tools -> Network 选项卡 -> filter for Stylesheets 就会显示浏览器在样式表中加载的顺序(从而正确级联)。但是，当我多次重新加载时，开发工具中显示的顺序似乎是随机变化的。无论我选择 Timeline、Start Time 还是 End Time 都没有关系我似乎无法复制 HTML 确定的顺序.
我错过了什么？
最佳答案
样式表文件本身可以以任何顺序加载(无论如何它们通常是并行加载的)但是它们将以正确的顺序处理，所以你有可见，您不能依赖“网络”选项卡。
您应该能够检查 document.styleSheets寿。尝试将其放入控制台。它将为内联样式表返回一些空值，但应该以正确的顺序获取导入的文件:
;(function() { for(var i = 0; i < document.styleSheets.length; i++){ console.log(document.styleSheets[i].href); } })()
关于html - 如何按照样式表在 Google Chrome 中的加载顺序轻松查看样式表列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27864962/