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...