輸入URL到頁面加載完成
先上一張圖:
瀏覽器
識別URL
輸入的URL經過域名解析來獲得具體的URI:緩存
- 瀏覽器自身的DNS緩存:看自身的緩存是否有該URL對應的條目
- 操做系統自身的DNS緩存
- 讀取本地hosts文件:如有該域名對應的IP地址,則解析成功
- 向本地配置的首選DNS服務器請求:通常由電信運營商提供,他發起域名請求,而後返回給瀏覽器
發起TCP的三次握手
- 發送端首先發送一個帶SYN標誌的數據包給接收端
- 接收端收到後回傳一個帶有SYN/ACK標誌的數據包確認收到
- 最後發送端發送帶ACK標誌的數據包給接收端表示握手結束
發起HTTP請求
請求報文包括報文首部,空行和報文主體服務器
接收響應結果
響應報文包括報文首部,空行和報文主體佈局
瀏覽器解析HTML
- 構建DOM樹
- 下載各類外部資源
- 構建渲染樹
瀏覽器佈局渲染
- 佈局:根據渲染樹佈局,計算每一個渲染對象在可視區域中具體位置信息
- 繪製:將計算好的每一個像素點信息繪製在屏幕上
歡迎關注本站公眾號,獲取更多信息