google-chrome - DOMContentLoaded 未在 chrome 中触发，document.readyState 停留在加载状态

Question

在加载了许多脚本的复杂页面上工作。只有在 Chrome 中，显然是随机的，DOMContentLoaded 事件不会触发并且 document.readyState 保持在“加载”状态

如何确定是什么导致浏览器卡在这种情况下？

奇怪的是文档末尾的资产（js）被加载但没有出现在元素选项卡上。

Answer 1

前几天遇到了同样的问题，包括从文档底部加载但未执行的脚本。深入研究表明，原因在于客户端处理较少。更改了脚本/更少文件的顺序，它有所帮助。到目前为止没有挂起。我已按以下顺序放置脚本/更少：

1) 所有脚本

2) .less 样式文件

3）less.js 脚本文件

所以脚本的工作顺序是：

<script src="/resources/js/jquery.simple-dtpicker.js" type="text/javascript"></script>
<script src="/resources/js/jquery.inputmask.bundle.js" type="text/javascript"></script>
<script src="/resources/js/inputmask/phone-codes/phone.js" type="text/javascript"></script>
<script src="/resources/js/selectize.js" type="text/javascript"></script>

<link rel="stylesheet/less" type="text/css" href="/resources/css/style_nauka.less"/>

<script src="/resources/js/less.min.js" type="text/javascript"></script>

仍在测试它，如果发现任何东西会更新。