DOMContentLoaded无法在Chrome中触发,document.readyState处于加载状态

时间:2018-11-05 14:34:46

标签: google-chrome domcontentloaded

在加载了许多脚本的复杂页面上工作。 仅在Chrome中,显然是随机的,不会触发DOMContentLoaded事件,document.readyState仍处于“正在加载”状态

如何确定导致浏览器在这种情况下卡住的原因?

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

1 个答案:

答案 0 :(得分:0)

最近几天遇到了同样的问题,包括从文档底部加载但未执行的脚本。深入的研究表明,原因在于客户端的 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>

仍然对其进行测试,如果发现任何问题,它将进行更新。