瀏覽器中輸入一個域名地址

yiliang 發(fā)布于2019-08-02 14:13 / 1154人閱讀

摘要：從瀏覽器中輸入一個域名地址，我們會經(jīng)歷哪些過程，這篇文章不會去細化到每一個過程的具體實現(xiàn)，后面的文章會陸續(xù)告訴你。具體詳情可參加另外一篇博客瀏覽器的域名解析建立連接找到目標地址以后，客戶端主動嘗試與服務(wù)器進行連接，三次握手。

從瀏覽器中輸入一個域名地址，我們會經(jīng)歷哪些過程，這篇文章不會去細化到每一個過程的具體實現(xiàn)，后面的文章會陸續(xù)告訴你。那么我們應(yīng)該關(guān)注哪些東西呢？瀏覽器==》網(wǎng)絡(luò)==》服務(wù)器 ==》瀏覽器

簡單過程 1、瀏覽器解析url

http://        www.    polarisjack.top  /blog/webDetail   ?id=1
協(xié)議名稱        服務(wù)器名  域名                  資源路徑        參數(shù)

瀏覽器客戶端解析好我們輸入的地址以后，解析出域名，再根據(jù)域名解析出IP地址

2、瀏覽器根據(jù)解析得到的域名獲取服務(wù)器的IP地址

將域名解析成服務(wù)器的IP地址這個步驟是由DNS服務(wù)器完成的，首先客戶端根據(jù)你輸入的域名去找瀏覽器dns緩存是否有對應(yīng)的ip，如果沒有會去尋找本地的hosts文件(windows系統(tǒng)dns緩存)，檢查文件中是否有域名和IP的對應(yīng)關(guān)系。如果有，則根據(jù)這個IP地址建立連接。如果沒有，再去DNS服務(wù)器尋找。
具體詳情可參加另外一篇博客：瀏覽器的域名解析

3、建立TCP連接

找到目標IP地址以后，客戶端主動嘗試與服務(wù)器進行連接，三次握手。第一次是客戶端主動連接服務(wù)器，此時服務(wù)器知道客戶端需要建立連接了。第二次是服務(wù)器到客戶端，此時客戶端知道服務(wù)器收到連接請求了。第三次是客戶端到服務(wù)器，此時服務(wù)器知道客戶端收到了自己的回應(yīng)。到這里，就認為客戶端與服務(wù)器已經(jīng)建立連接了。
具體詳情可參考另外一篇博客：TCP的三次握手和四次揮手。

4、發(fā)送http請求

服務(wù)器根據(jù)客戶端發(fā)送的請求，根據(jù)后臺服務(wù)邏輯做出相應(yīng)的響應(yīng)
具體詳情可參考另外一篇博客：http

5、得到響應(yīng)結(jié)果

客戶端根據(jù)服務(wù)響應(yīng)得到后臺服務(wù)響應(yīng)的數(shù)據(jù)，因為此處為瀏覽器中輸入域名的情況，假設(shè)后臺返回的是一個普通的html頁面，瀏覽器得到此html頁面以后會進行解析。

6、瀏覽器解析HTML

渲染引擎解析html是從上到下解析，渲染引擎解析html的過程中，把標簽內(nèi)容轉(zhuǎn)化為dom節(jié)點，映射成為DOM樹。
具體詳情可參加另外一篇文章：瀏覽器工作原理

7、請求HTML中需要加載的資源

渲染引擎在解析html的過程中，遇到外部資源（如:css、js）,會請求外部資源

8、render渲染

渲染引擎把html映射成為DOM樹，根據(jù)加載的css資源，構(gòu)建為render樹，再布局為render樹，最后繪制render樹，通過呈現(xiàn)引擎展示給用戶。
渲染引擎解析html的過程中，把標簽內(nèi)容轉(zhuǎn)化為dom節(jié)點，如果遇到css文件或者style標簽，會把這些樣式和dom節(jié)點構(gòu)建成另外一棵render樹,成型的幾何結(jié)構(gòu)。