URL到渲染的過程

2021-10-06 03:41:07 字數 531 閱讀 4846

1.在瀏覽器中輸入乙個url

2.通過dns將網域名稱解析成ip位址。網域名稱只是與ip位址的乙個對映。網域名稱解析的過程實際是將網域名稱還原為ip位址的過程(如果輸入的是ip位址,此步驟省略)

3.根據解析到的ip位址加埠 ,瀏覽器發起http請求

4.瀏覽器建立一條與伺服器的tcp連線(建立過程:三次握手)

5.瀏覽器通過tcp的三次握手建立好連線後,便向伺服器傳送http請求,請求資料報

6.伺服器收到並處理http請求,根據請求資訊去查詢資源,返回響應資訊

7.瀏覽器接收http響應

8.如果報文中的狀態碼表示請求成功,則接受返回的資源(如html檔案),至此瀏覽器已經拿到了乙個html文件,並為了呈現文件而開始解析。

9.至此瀏覽器已經拿到了乙個html文件,並為了呈現文件而開始解析(解析html,構建dom樹,解析css,構建渲染樹,瀏覽器進行渲染繪製)。

10.構建dom樹:

12.構建cssom樹:

13.根據dom樹和cssom樹構建渲染樹:

14.js解析如下:

瀏覽器的渲染過程 或者從URL到頁面渲染的過程

從url到頁面渲染的過程 1 當使用者輸入url提交到dns網域名稱解析 找到真正的ip 向伺服器發起請求 2 伺服器進過解析交給後台處理完成返回資料,瀏覽器接受資料檔案 html js css 等資源 3 瀏覽器載入到資源 html css js 等 後進行語法解析建立相應的內部資料結構 dom ...

從輸入url到頁面渲染出來過程

在瀏覽器輸入url後的訪問 url的組成協議 網域名稱 有時候也是ip,埠號 數字表示,若為http的預設值 80 可省略 路徑 以 字元區別路徑中的每乙個目錄名稱 查詢引數 get模式的窗體引數,以 字元為起點,每個引數以 隔開,再以 分開引數名稱與資料,通常以utf8的url編碼,避開字元衝突的...

從輸入URL到頁面渲染

url請求過程 瀏覽器收到http響應 reference 前人栽樹,後人乘涼,以下為學習筆記。從輸入url到頁面展示,這中間發生了什麼?這是一道經典面試題,涉及到了網路 作業系統 web 等一系列的知識。當我們在位址列中輸入url並按下回車後,瀏覽器裡發生第一件事是觸發解除安裝事件,即 befor...