DOMContentLoaded未在chrome中激发，document.readyState处于加载状态

Question

在加载了许多脚本的复杂页面上工作。只有在Chrome中，显然是随机的，DOMContentLoaded事件不会触发，document.readyState仍处于"加载">

如何确定是什么原因导致浏览器出现这种情况？

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

Answer 1

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

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>

仍在测试中，如果发现任何问题，将进行更新。