用戶輸入
當用戶在地址欄中輸入一個查詢關(guān)鍵字時瓢喉,地址欄會判斷輸入的關(guān)鍵字是搜索內(nèi)容,還是請求的 URL舀透。
如果是搜索內(nèi)容栓票,地址欄會使用瀏覽器默認的搜索引擎,來合成新的帶搜索關(guān)鍵字的URL愕够。
如果判斷輸入內(nèi)容符合 URL 規(guī)則走贪,比如輸入的是 time.geekbang.org佛猛,那么地址欄會根據(jù)規(guī)則,把這段內(nèi)容加上協(xié)議厉斟,合成為完整的 URL挚躯。
當瀏覽器剛開始加載一個地址之后,標簽頁上的圖標便進入了加載狀態(tài)擦秽。
但此時顯示的依然是之前打開的頁面內(nèi)容,并沒立即替換為請求的頁面漩勤。因為需要等待提交文檔階段感挥,頁面內(nèi)容才會被替換。
URL 請求過程
瀏覽器進程會通過進程間通信(IPC)把 URL請求發(fā)送至網(wǎng)絡(luò)進程越败,網(wǎng)絡(luò)進程接收到 URL 請求后触幼,會在這里發(fā)起真正的 URL 請求流程。
首先究飞,網(wǎng)絡(luò)進程會查找本地緩存是否緩存了該資源置谦。如果有緩存資源,那么直接返回資源給瀏覽器進程亿傅;如果在緩存中沒有查找到資源媒峡,那么直接進入網(wǎng)絡(luò)請求流程。這請求前的第一步是要進行 DNS 解析葵擎,以獲取請求域名的服務器 IP 地址谅阿。如果請求協(xié)議是 HTTPS,那么還需要建立 TLS 連接酬滤。
接下來就是利用 IP 地址和服務器建立 TCP 連接签餐。連接建立之后,瀏覽器端會構(gòu)建請求行盯串、請求頭等信息氯檐,并把和該域名相關(guān)的 Cookie 等數(shù)據(jù)附加到請求頭中,然后向服務器發(fā)送構(gòu)建的請求信息体捏。
服務器接收到請求信息后冠摄,會根據(jù)請求信息生成響應數(shù)據(jù)(包括響應行、響應頭和響應體等信息)译打,并發(fā)給網(wǎng)絡(luò)進程耗拓。等網(wǎng)絡(luò)進程接收了響應行和響應頭之后,就開始解析響應頭的內(nèi)容了奏司。
(1)重定向
在接收到服務器返回的響應頭后乔询,網(wǎng)絡(luò)進程開始解析響應頭,如果發(fā)現(xiàn)返回的狀態(tài)碼是301 或者 302韵洋,那么說明服務器需要瀏覽器重定向到其他 URL竿刁。這時網(wǎng)絡(luò)進程會從響應頭的 Location 字段里面讀取重定向的地址黄锤,然后再發(fā)起新的 HTTP 或者 HTTPS 請求,一切又重頭開始了食拜。
在導航過程中鸵熟,如果服務器響應行的狀態(tài)碼包含了 301、302 一類的跳轉(zhuǎn)信息负甸,瀏覽器會跳轉(zhuǎn)到新的地址繼續(xù)導航流强;如果響應行是 200,那么表示瀏覽器可以繼續(xù)處理該請求呻待。
(2)響應數(shù)據(jù)類型處理
Content-Type 是 HTTP 頭中一個非常重要的字段打月, 它告訴瀏覽器服務器返回的響應體數(shù)據(jù)是什么類型,然后瀏覽器會根據(jù) Content-Type 的值來決定如何顯示響應體的內(nèi)容蚕捉。
響應頭中的 Content-type 字段的值是 text/html奏篙,這就是告訴瀏覽器,服務器返回的數(shù)據(jù)是HTML 格式迫淹。
Content-Type 的值是 application/octet-stream秘通,顯示數(shù)據(jù)是字節(jié)流類型的,通常情況下敛熬,瀏覽器會按照下載類型來處理該請求肺稀。如果 Content-Type 字段的值被瀏覽器判斷為下載類型,那么該請求會被提交給瀏覽器的下載管理器荸型,同時該 URL 請求的導航流程就此結(jié)束盹靴。但如果是HTML,那么瀏覽器則會繼續(xù)進行導航流程瑞妇。由于 Chrome的頁面渲染是運行在渲染進程中的稿静,所以接下來就需要準備渲染進程了。
準備渲染進程
打開一個新頁面采用的渲染進程策略就是:通常情況下辕狰,打開新的頁面都會使用單獨的渲染進程改备;如果從 A 頁面打開 B 頁面,且 A 和 B 都屬于同一站點的話蔓倍,那么 B 頁面復用 A 頁面的渲染進程悬钳;如果是其他情況,瀏覽器進程則會為 B 創(chuàng)建一個新的渲染進程偶翅。
提交文檔
“文檔”是指 URL 請求的響應體數(shù)據(jù)默勾。
“提交文檔”的消息是由瀏覽器進程發(fā)出的,渲染進程接收到“提交文檔”的消息后聚谁,會和網(wǎng)絡(luò)進程建立傳輸數(shù)據(jù)的“管道”母剥。等文檔數(shù)據(jù)傳輸完成之后,渲染進程會返回“確認提交”的消息給瀏覽器進程。瀏覽器進程在收到“確認提交”的消息后环疼,會更新瀏覽器界面狀態(tài)习霹,包括了安全狀態(tài)、地址欄的 URL炫隶、前進后退的歷史狀態(tài)淋叶,并更新 Web 頁面。
渲染階段
一旦文檔被提交伪阶,渲染進程便開始頁面解析和子資源加載了煞檩。一旦頁面生成完成,渲染進程會發(fā)送一個消息給瀏覽器進程望门,瀏覽器接收到消息后形娇,會停止標簽圖標上的加載動畫。