我们有一个使用 WebComponents V0 规范的应用程序。我们使用 Polymer 的 vulcanizer 将所有组件组合成一个可导入的 HTML,然后从主应用程序页面导入(HTML 导入)。最近注意到 Chrome 中的一个问题(不确定版本,因为)该文档在第一次尝试时没有加载。在随后从缓存重新加载时,文档会成功加载。禁用缓存后,文档不会再次加载。浏览器选项卡一直在旋转,网络面板中没有 DOMContentLoaded 或 Load 事件标记。
我们如何知道 Chrome 中发生了什么?没有发生文档时要遵循的典型步骤load
是什么?
以下是我可以确认的事情:
- 代码中没有无限循环。浏览器主线程似乎处于空闲状态
- 网络面板中没有待加载的资源
Performance
Chrome devtools 面板上没有任何活动- 尝试切换 polyfill
- 问题似乎仅在页面中使用 webcomponents 时发生
- 文件
readyState
是loading
. 页面上所有其他 HTML 导入的状态为complete
- 隐身模式也没有运气