瀏覽器中輸入一個(gè)域名地址

Jioby 發(fā)布于2019-08-23 15:05 / 491人閱讀

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

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

簡(jiǎn)單過程 1、瀏覽器解析url

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

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

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

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

3、建立TCP連接

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

4、發(fā)送http請(qǐng)求

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

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

客戶端根據(jù)服務(wù)響應(yīng)得到后臺(tái)服務(wù)響應(yīng)的數(shù)據(jù)，因?yàn)榇颂帪闉g覽器中輸入域名的情況，假設(shè)后臺(tái)返回的是一個(gè)普通的html頁面，瀏覽器得到此html頁面以后會(huì)進(jìn)行解析。

6、瀏覽器解析HTML

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

7、請(qǐng)求HTML中需要加載的資源

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

8、render渲染

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