1

多くのスクリプトがロードされた複雑なページでの作業。Chrome でのみ、どうやらランダムに、DOMContentLoaded イベントは発生せず、document.readyState は「読み込み中」のままです。

ブラウザがこの状態で停止する原因を特定するにはどうすればよいですか?

奇妙なことに、ドキュメントの最後にあるアセット (js) が読み込まれますが、要素タブには表示されません。

4

1 に答える 1

0

ドキュメントの下部からロードされたが実行されていないスクリプトを含む、最近同じ問題が発生しました。深い調査によると、その理由はクライアント側での処理が少ないことにありました。スクリプト/少ないファイルの順序を変更しましたが、役に立ちました。これまでのところハングはありません。scripts/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>

まだテスト中ですが、何かキャッチされれば更新されます。

于 2019-01-17T10:01:38.773 に答える