瀏覽器工作原理 1.前言
瀏覽器工作的主要原理就是實現http協議的通信。http通信的主要流程分為三個部分:
1.連接服務器
2.瀏覽器獲取請求
3.服務器響應
從輸入一個URL到頁面加載完成的整個步驟。
1.我們在瀏覽器地址欄輸入一個URL并回車之后,瀏覽器會進行DNS查找,把域名轉化為真實的ip地址,根據ip地址找到提供網站內容的服務器。
2.在找到服務器之后,瀏覽器會通過TCP握手機制與服務器建立連接,而現在大部分服務器都是基于Https協議的,那么會多一步TLS握手,建立加密隧道,保證數據不會被監聽和篡改。
3.在建立了瀏覽器和服務器之間的聯系之后,瀏覽器會發起HTTP(S)請求,來獲取服務器響應,一般對于網頁來說,響應就是服務器返回的html代碼。
服務器渲染頁面 瀏覽器在解析html的時候是一個單線程,在掃描代碼過程中,如果遇到標簽,瀏覽器會加載文件,并執行其代碼,此時html暫停解析。在html中的css,img文件,他不會影響主線程的加載,而是進行異步加載。瀏覽器有一個預掃描處理,會將html中的css文件,字體,以及js文件異步下載,不會影響主線程合并CSS中的樣式到DOM中的各個節點根據樣式對頁面進行布局,列出每個可見節點。對于沒有設置寬高的圖片,會進行回流設置瀏覽器工作原理是怎樣的,即在頁面加載完成后,對圖片進行重新布局渲染。頁面進行繪制:在首次布局完成后,瀏覽器會初次加載頁面,將背景,陰影,邊框繪制在頁面上瀏覽器工作原理是怎樣的,頁面初始化完成,而對于需要回流的圖片等,瀏覽器則會發生重繪。至此,整個網頁加載完成,可以和用戶進行交互了。 結束語
瀏覽器工作的流程大體就是這樣:DNS查找,TCP(TLS)握手,發送http請求,構建DOM,構建CSS,CSS構建DOM,布局,繪制等。