本文摘要：
1.dns網域名稱解析；
2.建立tcp連線；
3.傳送http請求；
4.伺服器處理請求；
5.返回響應結果；
6.關閉tcp連線；
7.瀏覽器解析html；
8.瀏覽器布局渲染；
總結
當我們在瀏覽器輸入**並回車後，一切從這裡開始。
一、dns網域名稱解析
客戶端收到你輸入的網域名稱位址後，它首先去找本地的hosts檔案，檢查在該檔案中是否有相應的網域名稱、ip對應關係，如果有，則向其ip位址傳送請求，如果沒有，再去找dns伺服器。一般使用者很少去編輯修改hosts檔案。
瀏覽器客戶端向本地dns伺服器傳送乙個含有網域名稱www.cnblogs.com的dns查詢報文。本地dns伺服器把查詢報文**到根dns伺服器，根dns伺服器注意到其com字尾，於是向本地dns伺服器返回comdns伺服器的ip位址。本地dns伺服器再次向comdns伺服器傳送查詢請求，comdns伺服器注意到其www.cnblogs.com字尾並用負責該網域名稱的權威dns伺服器的ip位址作為回應。最後，本地dns伺服器將含有www.cnblogs.com的ip位址的響應報文傳送給客戶端。
從客戶端到本地伺服器屬於遞迴查詢，而dns伺服器之間的互動屬於迭代查詢。
費了一頓周折終於拿到伺服器ip了，下一步自然就是鏈結到該伺服器。對於客戶端與伺服器的tcp鏈結，必然要說的就是『三次握手』。
三次握手
客戶端傳送乙個帶有syn標誌的資料報給服務端，服務端收到後，回傳乙個帶有syn/ack標誌的資料報以示傳達確認資訊，最後客戶端再回傳乙個帶ack標誌的資料報，代表握手結束，連線成功。
上圖也可以這麼理解：
客戶端：「你好，在家不，有你快遞。」
服務端：「在的，送來就行。」
客戶端：「好嘞。」
三、傳送http請求
與伺服器建立了連線後，就可以向伺服器發起請求了。這裡我們先看下請求報文的結構（如下圖）：
請求報文
在瀏覽器中檢視報文首部（以google瀏覽器為例）：
請求行包括請求方法、uri、http版本。首部字段傳遞重要資訊，包括請求首部字段、通用首部欄位和實體首部字段。我們可以從報文中看到發出的請求的具體資訊。具體每個首部欄位的作用，這裡不做過多闡述。
四、伺服器處理請求
伺服器端收到請求後的由web伺服器（準確說應該是http伺服器）處理請求，諸如apache、ngnix、iis等。web伺服器解析使用者請求，知道了需要排程哪些資源檔案，再通過相應的這些資源檔案處理使用者請求和引數，並呼叫資料庫資訊，最後將結果通過web伺服器返回給瀏覽器客戶端。
伺服器處理請求
五、返回響應結果
在http裡，有請求就會有響應，哪怕是錯誤資訊。這裡我們同樣看下響應報文的組成結構：
響應報文
在響應結果中都會有個乙個http狀態碼，比如我們熟知的200、301、404、500等。通過這個狀態碼我們可以知道伺服器端的處理是否正常，並能了解具體的錯誤。
狀態碼由3位數字和原因短語組成。根據首位數字，狀態碼可以分為五類：
狀態碼類別
六、關閉tcp連線
為了避免伺服器與客戶端雙方的資源占用和損耗，當雙方沒有請求或響應傳遞時，任意一方都可以發起關閉請求。與建立tcp連線的3次握手類似，關閉tcp連線，需要4次握手。
4次握手
上圖可以這麼理解：
客戶端：「兄弟，我這邊沒資料要傳了，咱關閉連線吧。」
服務端：「收到，我看看我這邊有木有資料了。」
服務端：「兄弟，我這邊也沒資料要傳你了，咱可以關閉連線了。」
客戶端：「好嘞。」
七、瀏覽器解析html
瀏覽器通過解析html，生成dom樹，解析css，生成css規則樹，然後通過dom樹和css規則樹生成渲染樹。渲染樹與dom樹不同，渲染樹中並沒有head、display為none等不必顯示的節點。
要注意的是，瀏覽器的解析過程並非是串連進行的，比如在解析css的同時，可以繼續載入解析html，但在解析執行js指令碼時，會停止解析後續html，這就會出現阻塞問題，關於js阻塞相關問題，這裡不過多闡述,後面會單獨開篇講解。
八、瀏覽器布局渲染
根據渲染樹布局，計算css樣式，即每個節點在頁面中的大小和位置等幾何資訊。html預設是流式布局的，css和js會打破這種布局，改變dom的外觀樣式以及大小和位置。這時就要提到兩個重要概念：replaint和reflow。
replaint：螢幕的一部分重畫，不影響整體布局，比如某個css的背景色變了，但元素的幾何尺寸和位置不變。
reflow： 意味著元件的幾何尺寸變了，我們需要重新驗證並計算渲染樹。是渲染樹的一部分或全部發生了變化。這就是reflow，或是layout。
所以我們應該儘量減少reflow和replaint，我想這也是為什麼現在很少有用table布局的原因之一。
最後瀏覽器繪製各個節點，將頁面展示給使用者。
總結參考：
細說瀏覽器輸入URL後發生了什麼
1.dns網域名稱解析 2.建立tcp連線 3.傳送http請求 4.伺服器處理請求 5.返回響應結果 6.關閉tcp連線 7.瀏覽器解析html 8.瀏覽器布局渲染 總結 當我們在瀏覽器輸入 並回車後，一切從這裡開始。一 dns網域名稱解析 客戶端收到你輸入的網域名稱位址後，它首先去找本地的hos...
瀏覽器輸入URL後發生了什麼
我們經常在瀏覽器中輸入乙個 但是在輸入這個 後，發生了什麼？今天我們來分析一下！通常，在輸入乙個 後，發生的事情分為六步 dns網域名稱解析，tcp連線，http請求，接收響應結果，瀏覽器解析html，瀏覽器布局渲染。1.查詢網域名稱的ip位址 1 url的格式 乙個url包括協議，網路位址，資源路...
在瀏覽器輸入url後發生了什麼
問題 1 網域名稱解析 2 發起tcp的3次握手 3 建立tcp連線後發起的http請求 4 伺服器端響應http請求，瀏覽器得到html 5 瀏覽器解析html 並請求html 中的資源 6 瀏覽器對頁面進行渲染呈現給使用者 1.網域名稱解析 dns解析的詳細過程 1 解析網域名稱時，瀏覽器會首先...