瀏覽器頁面加載的過程

分為4個步驟:

  1. 當發(fā)送一個URL請求時,不管這個URL是Web頁面的URL還是Web頁面上每個資源的URL,瀏覽器都會開啟一個線程來處理這個請求,同時在遠程DNS服務器上啟動一個DNS查詢。這能使瀏覽器獲得請求對應的IP地址。

  2. 瀏覽器與遠程Web服務器通過TCP三次握手協(xié)商來建立一個TCP/IP連接。該握手包括一個同步報文,一個同步-應答報文和一個應答報文,這三個報文在 瀏覽器和服務器之間傳遞。該握手首先由客戶端嘗試建立起通信,而后服務器應答并接受客戶端的請求,最后由客戶端發(fā)出該請求已經(jīng)被接受的報文。

  3. 一旦TCP/IP連接建立,瀏覽器會通過該連接向遠程服務器發(fā)送HTTPGET請求。遠程服務器找到資源并使用HTTP響應返回該資源,值為200的HTTP響應狀態(tài)表示一個正確的響應。

  4. 此時,Web服務器提供資源服務,客戶端開始下載資源。

請求返回后,便進入了我們關注的前端模塊

簡單來說,瀏覽器會解析HTML生成DOM Tree,其次會根據(jù)CSS生成CSS Rule Tree,而javascript又可以根據(jù)DOM API操作DOM

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容