11

HTML ページのライフサイクルを理解しようとしています。オンラインで適切なリソースが見つかりません。そこで、ie で f12 ツールを開き、自分でいくつかの実験を行いました。それに基づいていくつかの結論を導き出しましたが、誰かが私が正しいかどうか教えてもらえますか?

私の観察

1>最初に HTTP 経由でページが要求されると、HTML スケルトンがブラウザによって受信されます。この時点では、ユーザーには何も表示されません。

2>HTML スケルトンの内容に基づいて、リソース (外部 JavaScript、css、画像など) に対してさらに追加のリクエストが送信されます。

3>ブラウザは、スクリプトと css リソースの HTTP ステータス コードを受信するまで待機します。

4>css と JavaScript の HTTP ステータス コードが受信されると、ブラウザはドキュメントを上から下にロードし始め、途中で遭遇した埋め込み JavaScript を実行します。

5>上部の埋め込み JavaScript が下部の HTML 要素を参照する場合、JavaScript は失敗します。

6>ドキュメント全体の読み込みが完了すると、jquery イベント $(document).ready が発生します。（それは私がJQueryを使用している場合です）

7>ブラウザはスクリプトと css 以外のリソースを待機しないため、画像などのリソースは、ページがユーザーに表示された後でロードされる可能性があります。

4

1 に答える 1

2

あなたはほとんどそれを正しく理解しました。ただし、コードによって異なります (特にポイント 5、6、および 7)。たとえば、上部の JS が 内$(document).readyにある場合、失敗しません。

次に、IE よりも Firefox F12 または Chrome F12 を使用したいと思います。それらは非常に詳細で、開発者にとって使いやすいものです。NETさらに理解するには、それらのタブを参照してください。リソースが呼び出されてロードされる正確な順序が表示されます。これは、主に探していたものです。

于 2013-04-12T21:43:49.163 に答える