執行環境 從輸入url到渲染整個頁面的過程

2021-10-09 09:56:37 字數 287 閱讀 8115

輸入url之後,進行:

瀏覽器根據ip位址向伺服器傳送http請求(利用tcp協議通過三次握手與伺服器建立連線)

伺服器處理http請求,並返回響應資料報給瀏覽器

根據html**生成dom tree

根據css**生成cssom(類似domtree)

將dom tree和cssom整合形成render tree渲染樹

根據render tree渲染頁面

遇到則暫停渲染,優先載入並執行js**,完成之後再繼續

直至render tree渲染完成

從輸入URL到頁面渲染

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

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

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

從輸入URL到渲染頁面發生了什麼?

網域名稱解析 發起tcp三次握手建立連線 建立連線後發起http請求 伺服器響應請求,瀏覽器獲取html原始碼 瀏覽器渲染頁面 然後先上一張比較直觀的圖 因為 http是不是一種面向連線的協議,在應用層中,僅僅是生成了http請求的資訊和資料,但無法直接傳送,所以才需要先建立tcp連線。tcp在將h...