從輸入乙個URL到頁面完全顯示發生了什麼?

2022-06-05 04:36:09 字數 414 閱讀 9434

這是經典的前端問題,主要是對瀏覽器的工作原理有個理解!

網路通訊走的一般是五層網際網路協議,詳見下圖。來自於

大致步驟如下:

瀏覽器查詢網域名稱的ip位址,這一步包括dns的具體查詢過程,dns屬於應用層協議。客戶端會檢查本地是否有對應的ip位址,若存在則返回,否則請求上級dns伺服器,一直到找到為止或者最終到根節點。

顯然這一過程可能非常耗時,所以很多**都會採用dns-prefetch,使瀏覽器在空閒時間就將這些網域名稱轉化為ip位址,這樣就能有效減少時間。以**網為例:

其實dns的查詢過程包括:瀏覽器快取-》系統快取-》路由器快取...

伺服器可能會有永久伺服器重定向相應,客戶端隨之繼續追蹤重定向位址。

主要是解析html構成dom樹,解析css構成render樹,dom樹和render樹結合進行布局和繪製!

從輸入url到頁面顯示

瀏覽器首先從瀏覽器快取,本地快取,本地的hosts檔案查詢對應的ip 如果在本地沒找到,接下來會傳送乙個dns請求到本地dns伺服器,本地dns查詢它的快取記錄 如果沒有,本地伺服器向dns根伺服器查詢 根伺服器並沒有記錄具體的網域名稱和ip位址的對應關係,而是告訴本地dns 伺服器,你可以到域伺服...

請描述從輸入乙個url到頁面顯示的整個過程?

輸入 url 瀏覽器與伺服器 通過tcp三次握手協商來建立乙個 tcp連線。1.瀏覽器問 伺服器,在嗎?2.伺服器回答 在的,怎麼了?3.瀏覽器說 我想請你幫個忙 瀏覽器伺服器 傳送乙個 http 請求報文 伺服器處理請求並返回乙個 http 響應報文 瀏覽器收到響應,進行客戶端渲染,生成dom樹 ...

從輸入乙個URL到頁面渲染的流程簡介

從使用者在瀏覽器中輸入乙個url,到整個頁面渲染,這個過程中究竟發生了什麼呢?今天先簡單寫下整個過程,後面再一點點完善。為什麼要獲取ip位址?ip位址對應一台真實的物理機器,而且ip位址就像人的身份證是唯一的,使用者請求伺服器,只需要輸入為該伺服器分配的唯一的ip位址即可。但由於ip位址不便於記憶,...