從輸入 URL 到頁(yè)面加載完成的過(guò)程是什么樣的

從輸入 URL 到頁(yè)面加載完成的過(guò)程中都發(fā)生了什么

過(guò)程描述

1. 瀏覽器查找域名對(duì)應(yīng)的 IP 地址；

2. 瀏覽器根據(jù) IP 地址與服務(wù)器建立 socket 連接；

3. 瀏覽器與服務(wù)器通信： 瀏覽器請(qǐng)求，服務(wù)器處理請(qǐng)求；

4. 瀏覽器與服務(wù)器斷開(kāi)連接。

根據(jù)域名查找IP地址

概念解析

1. IP地址：IP協(xié)議為互聯(lián)網(wǎng)上的每一個(gè)網(wǎng)絡(luò)和每一臺(tái)主機(jī)分配的一個(gè)邏輯地址。IP地址如同門(mén)牌號(hào)碼，通過(guò) IP地址才能確定一臺(tái)主機(jī)位置。服務(wù)器本質(zhì)也是一臺(tái)主機(jī)，想要訪問(wèn)某個(gè)服務(wù)器，必須先知道它的IP地址；

2. 域名(HOST)：IP 地址由四個(gè)數(shù)字組成，中間用點(diǎn)號(hào)連接，在使用過(guò)程中難記憶且易輸入錯(cuò)誤，所以用我們熟悉的字母和數(shù)字組合來(lái)代替純數(shù)字的 IP 地址，比如我們只會(huì)記住 www.baidu.com（百度域名） 而不是 220.181.112.244（百度的其中一個(gè) IP 地址）；

3. DNS：每個(gè)域名都對(duì)應(yīng)一個(gè)或多個(gè)提供相同服務(wù)服務(wù)器的IP地址，只有知道服務(wù)器IP地址才能建立連接，所以需要通過(guò) DNS 把域名解析成一個(gè) IP 地址。?

知道了上面的概念，大概就知道了想要獲得服務(wù)器的門(mén)牌號(hào)碼，需要先將域名轉(zhuǎn)換成IP地址。轉(zhuǎn)換過(guò)程如下（以查詢 www.baidu.com 的 IP地址為例，其中2、3、4步均在上一步未查詢成功的情況下進(jìn)行）：

查找過(guò)程

1. 瀏覽器搜索自己的 DNS 緩存（維護(hù)一張域名與 IP 地址的對(duì)應(yīng)表）；

2. 搜索操作系統(tǒng)中的 DNS 緩存（維護(hù)一張域名與 IP 地址的對(duì)應(yīng)表）；

3. 搜索操作系統(tǒng)的 hosts 文件（ Windows 環(huán)境下，維護(hù)一張域名與 IP 地址的對(duì)應(yīng)表）；

4. 操作系統(tǒng)將域名發(fā)送至 LDNS（本地區(qū)域名服務(wù)器，如果你在學(xué)校接入互聯(lián)網(wǎng)，則LDNS服務(wù)器就在學(xué)校，如果通過(guò)電信接入互聯(lián)網(wǎng)，則LDNS服務(wù)器就在你當(dāng)?shù)氐碾娦拍抢�。）LDNS查詢自己的DNS緩存（一般查找成功率在 80% 左右），查找成功則返回結(jié)果，失敗則發(fā)起一個(gè)迭代 DNS 解析請(qǐng)求;

1. LDNS向RootNameServer（根域名服務(wù)器，其雖然沒(méi)有每個(gè)域名的的具體信息，但存儲(chǔ)了負(fù)責(zé)每個(gè)域，如 com、net、org等的解析的頂級(jí)域名服務(wù)器的地址）發(fā)起請(qǐng)求，此處，Root Name Server 返回 com 域的頂級(jí)域名服務(wù)器的地址;

2. LDNS 向 com 域的頂級(jí)域名服務(wù)器發(fā)起請(qǐng)求，返回 baidu.com 域名服務(wù)器地址；

3. LDNS 向 baidu.com 域名服務(wù)器發(fā)起請(qǐng)求，得到 www.baidu.com 的 IP 地址；

5. LDNS 將得到的 IP 地址返回給操作系統(tǒng)，同時(shí)自己也將 IP 地址緩存起來(lái)；

6. 操作系統(tǒng)將 IP 地址返回給瀏覽器，同時(shí)自己也將 IP 地址緩存起來(lái)；

7. 至此，瀏覽器已經(jīng)得到了域名對(duì)應(yīng)的 IP 地址。

補(bǔ)充說(shuō)明

1. 域名與URL是兩個(gè)概念：域名是一臺(tái)或一組服務(wù)器的名稱，用來(lái)確定服務(wù)器在Internet上的位置；URL 是統(tǒng)一資源定位符，用來(lái)確定某一個(gè)文件的具體位置，例如，zhihu.com是知乎的域名，根據(jù)這個(gè)域名可以找到知乎的服務(wù)器，zhihu.com/people/CompileYouth 是URL，可以根據(jù)這個(gè)URL定位我的知乎主頁(yè)；

2. IP 地址與域名不是一一對(duì)應(yīng)的關(guān)系：可以把多個(gè)提供相同服務(wù)的服務(wù)器IP設(shè)置為同一個(gè)域名，但在同一時(shí)刻一個(gè)域名只能解析出一個(gè) IP地址；同時(shí)，一個(gè) IP 地址可以綁定多個(gè)域名，數(shù)量不限；

建立連接：三次握手

知道了服務(wù)器的 IP 地址，下面便開(kāi)始與服務(wù)器建立連接了。

通俗地講，通信連接的建立需要經(jīng)歷以下三個(gè)過(guò)程：

1. 主機(jī)向服務(wù)器發(fā)送一個(gè)建立連接的請(qǐng)求（您好，我想認(rèn)識(shí)您）；

2. 服務(wù)器接到請(qǐng)求后發(fā)送同意連接的信號(hào)（好的，很高興認(rèn)識(shí)您）；

3. 主機(jī)接到同意連接的信號(hào)后，再次向服務(wù)器發(fā)送了確認(rèn)信號(hào)（我也很高興認(rèn)識(shí)您），自此，主機(jī)與服務(wù)器兩者建立了連接。

補(bǔ)充說(shuō)明：TCP 協(xié)議：三次握手的過(guò)程采用 TCP 協(xié)議，其可以保證信息傳輸?shù)目煽啃�，三次握手過(guò)程中，若一方收不到確認(rèn)信號(hào)，協(xié)議會(huì)要求重新發(fā)送信號(hào)。

數(shù)據(jù)傳輸

當(dāng)服務(wù)器與主機(jī)建立了連接之后，下面主機(jī)便與服務(wù)器進(jìn)行通信。網(wǎng)頁(yè)請(qǐng)求是一個(gè)單向請(qǐng)求的過(guò)程，即是一個(gè)主機(jī)向服務(wù)器請(qǐng)求數(shù)據(jù)，服務(wù)器返回相應(yīng)的數(shù)據(jù)的過(guò)程。

1. 瀏覽器根據(jù) URL 內(nèi)容生成 HTTP 請(qǐng)求，請(qǐng)求中包含請(qǐng)求文件的位置、請(qǐng)求文件的方式等等；

2. 服務(wù)器接到請(qǐng)求后，會(huì)根據(jù) HTTP 請(qǐng)求中的內(nèi)容來(lái)決定如何獲取相應(yīng)的 HTML 文件；

3. 服務(wù)器將得到的 HTML 文件發(fā)送給瀏覽器；

4. 在瀏覽器還沒(méi)有完全接收 HTML 文件時(shí)便開(kāi)始渲染、顯示網(wǎng)頁(yè)；

5. 在執(zhí)行 HTML 中代碼時(shí)，根據(jù)需要，瀏覽器會(huì)繼續(xù)請(qǐng)求圖片、CSS、JavsScript等文件，過(guò)程同請(qǐng)求 HTML ；

斷開(kāi)連接：四次揮手

1. 主機(jī)向服務(wù)器發(fā)送一個(gè)斷開(kāi)連接的請(qǐng)求（不早了，我該走了）；

2. 服務(wù)器接到請(qǐng)求后發(fā)送確認(rèn)收到請(qǐng)求的信號(hào)（知道了）；

3. 服務(wù)器向主機(jī)發(fā)送斷開(kāi)通知（我也該走了）；

4. 主機(jī)接到斷開(kāi)通知后斷開(kāi)連接并反饋一個(gè)確認(rèn)信號(hào)（嗯，好的），服務(wù)器收到確認(rèn)信號(hào)后斷開(kāi)連接；

補(bǔ)充說(shuō)明

為什么服務(wù)器在接到斷開(kāi)請(qǐng)求時(shí)不立即同意斷開(kāi)：當(dāng)服務(wù)器收到斷開(kāi)連接的請(qǐng)求時(shí)，可能仍然有數(shù)據(jù)未發(fā)送完畢，所以服務(wù)器先發(fā)送確認(rèn)信號(hào)，等所有數(shù)據(jù)發(fā)送完畢后再同意斷開(kāi)。

第四次握手后，主機(jī)發(fā)送確認(rèn)信號(hào)后并沒(méi)有立即斷開(kāi)連接，而是等待了 2 個(gè)報(bào)文傳送周期，原因是：如果第四次握手的確認(rèn)信息丟失，服務(wù)器將會(huì)重新發(fā)送第三次握手的斷開(kāi)連接的信號(hào)，而服務(wù)器發(fā)覺(jué)丟包與重新發(fā)送的斷開(kāi)連接到達(dá)主機(jī)的時(shí)間正好為 2 個(gè)報(bào)文傳輸周期。

這篇文章大致的描述了輸入url到頁(yè)面加載完成的整個(gè)過(guò)程，我個(gè)人感覺(jué)描述還不錯(cuò)，所以就想放到自己的博客來(lái)，供自己和大家分享和學(xué)習(xí)。

原文地址：從輸入 URL 到頁(yè)面加載完成的過(guò)程中都發(fā)生了什么

以上就是從輸入 URL 到頁(yè)面加載完成的過(guò)程是什么樣的的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！