1. 程式人生 > >使用者從輸入URL到看到網頁發生了什麼?

使用者從輸入URL到看到網頁發生了什麼?

一、在瀏覽器位址列輸入URL


二、瀏覽器檢視快取
1、如果資源未快取,發起新請求
如果已快取,檢驗是否處於有效期,資源處於有效期內直接提供給客戶端,否則與伺服器進行驗證。
2、檢驗有效期通常有兩個HTTP頭進行控制Expires和Cache-Control:
(1)HTTP1.0提供Expires,值為一個絕對時間表示快取有效期日期
(2)HTTP1.1增加了Cache-Control: max-age=,值為以秒為單位的最大有效時間


三、瀏覽器解析URL獲取協議,主機,埠,path


四、瀏覽器組裝一個HTTP請求報文


五、瀏覽器獲取主機ip地址(DNS查詢),瀏覽器快取、本地host檔案等。


六、建立TCP連結

,包含三次握手


七、伺服器處理,如處理快取資訊(304),資原始檔傳送給客戶端


八、瀏覽器渲染。解析HTML文件,構件DOM樹,下載資源,構造CSSOM樹,載入執行js指令碼。

js載入執行參考:http://www.cnblogs.com/mengfangui/p/8631108.html

 

 

2018.12.24 補充一個圖。

第一步、瀏覽器若儲存了本地址會跳轉到另外一個地址時,直接跳轉