javascript - Chrome 中未触发文档加载事件

Question

我们有一个使用 WebComponents V0 规范的应用程序。我们使用 Polymer 的 vulcanizer 将所有组件组合成一个可导入的 HTML，然后从主应用程序页面导入（HTML 导入）。最近注意到 Chrome 中的一个问题（不确定版本，因为）该文档在第一次尝试时没有加载。在随后从缓存重新加载时，文档会成功加载。禁用缓存后，文档不会再次加载。浏览器选项卡一直在旋转，网络面板中没有 DOMContentLoaded 或 Load 事件标记。

我们如何知道 Chrome 中发生了什么？没有发生文档时要遵循的典型步骤load是什么？

以下是我可以确认的事情：

• 代码中没有无限循环。浏览器主线程似乎处于空闲状态
• 网络面板中没有待加载的资源
• PerformanceChrome devtools 面板上没有任何活动
• 尝试切换 polyfill
• 问题似乎仅在页面中使用 webcomponents 时发生
• 文件readyState是loading. 页面上所有其他 HTML 导入的状态为complete
• 隐身模式也没有运气

标签： javascriptgoogle-chromegoogle-chrome-devtoolsweb-componenthtml-imports