在加载了许多脚本的复杂页面上工作。 仅在Chrome中,显然是随机的,不会触发DOMContentLoaded事件,document.readyState仍处于“正在加载”状态
如何确定导致浏览器在这种情况下卡住的原因?
奇怪的是,文档末尾的资产(js)被加载但没有出现在“元素”选项卡上。
答案 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>
仍然对其进行测试,如果发现任何问题,它将进行更新。