從輸入URL地址到顯示完整的頁面Webkit都做了哪些事情

468122151 發布于2019-08-20 18:34 / 3096人閱讀

摘要：從輸入地址到顯示完整的頁面都做了哪些事情從輸入地址到獲取到數據的流程輸入地址如。從獲取到數據到顯示最終完整頁面的流程在輸入之后，依賴網絡模塊，資源加載器加載網頁只要是能夠解析的，都會把輸入的地址資源當成解析。

從輸入URL地址到顯示完整的頁面Webkit都做了哪些事情 從輸入地址到獲取到數據的流程

1、輸入URL地址,如：http://www.yejm16361.com/demo...。

2、DNS解析URL地址中的域名返回IP地址（如果是主機名是IP地址就跳過該步驟）。

3、建立TCP連接，這就是經典的TCP連接中的三次握手，總的來說作用就是為了在不可靠信道上能夠可靠的傳輸。

4、瀏覽器向 web 服務器發送一個 HTTP 請求命令，如：GET/demo/index.html HTTP/1.1。

5、瀏覽器向 web 服務器發送請求頭信息。

6、Web服務器應答，如：HTTP/1.1 200 OK，包含應答協議版本號和狀態碼。

7、Web服務器發送應答頭信息。

8、Web服務器向瀏覽器發送數據。

9、Web服務器關閉TCP連接（如果瀏覽器或者服務器在其頭信息加入了這行代碼：Connection:keep-alive就延時跳過該步驟，超時仍然會關閉TCP連接，超時時間一般是5秒或15秒）。

從獲取到數據到顯示最終完整頁面的流程

1、在輸入URL之后，依賴網絡模塊，webkit資源加載器加載HTML網頁（只要是webkit能夠解析的，都會把輸入的URL地址資源當成HTML解析）。

2、加載完HTML網頁之后，就會調動HTML解析器去解析構建節點。

3、解析期間如果遇到link節點，就會調用資源加載器去異步加載，完成之后用css解析器解析執行；如果是行內樣式，會立即交給CSS解析器解析執行。這里CSS解析器，解析結果會生成一個css rule tree（css規則樹）。

4、解析期間如果遇到script節點，就調用javascript解析器去解析并執行，這里注意的是如果是src腳本，那么在設置了H5新加的async屬性的時候會異步加載加載并執行，否則會同步加載解析并執行，且阻塞dom樹的創建；如果是行內腳本，那么無論怎么設置都會立即解析并執行，且阻塞dom樹的創建。這里Javascript腳本執行主要是通過DOM API和CSSOM API來操作DOM樹和CSS規則樹。

5、解析期間如果遇到節點會依賴其他資源，如：圖片，視屏，語音等，webkit會調用相應的加載器利用網絡模塊，去異步加載解析。

6、等到所有的同步和異步資源解析完成之后，瀏覽器引擎會把DOM樹中無需渲染的節點（如display:none修飾的節點）不放進Rendering Tree（渲染樹）中，并把CSS規則樹中的樣式附加給渲染樹相應的dom節點，然后計算每一個dom節點的位置，這也就是layout（布局）和reflow（重排，回流）過程。

GPU云服務器云服務器 js顯示數據到頁面 webrtc一般都做哪些改動完整的nlp課程包含哪些內容輸入url

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/84712.html

【前端】從輸入頁面地址到展示頁面信息瀏覽器和服務器都做了什么

摘要：很久以前理解過一個從在瀏覽器地址欄輸入，經常建站但是不明白原理，總結一下。瀏覽器地址欄輸入瀏覽器會先查看瀏覽器緩存系統緩存路由緩存，如有存在緩存，就直接顯示。很久以前理解過一個URL從在瀏覽器地址欄輸入，經常建站但是不明白原理，總結一下。 showImg(https://segmentfault.com/img/bVbj2Rv?w=512&h=502); 1、瀏覽器地址欄輸入url ...

Atom 2019-08-02 12:05 評論0 收藏0
輸入 url 到頁面展現的短短幾秒內瀏覽器究竟做了什么？

摘要：在上述過程再細化為瀏覽器搜索自己的緩存。至此，瀏覽器已經得到了域名對應的地址。具體過程如下在中這一過程如下首先是字節流，經過解碼之后是字符流，然后通過詞法分析器會被解釋成詞語，之后經過語法分析器構建成節點，最后這些節點被組建成一棵樹。面試的時候，我們經常會被問從在瀏覽器地址欄中輸入 url 到頁面展現的短短幾秒內瀏覽器究竟做了什么？那么瀏覽器到底做了啥？瀏覽器的多進程架構一個好的程...

dackel 2019-08-23 13:43 評論0 收藏0
輸入 url 到頁面展現的短短幾秒內瀏覽器究竟做了什么？

摘要：在上述過程再細化為瀏覽器搜索自己的緩存。至此，瀏覽器已經得到了域名對應的地址。具體過程如下在中這一過程如下首先是字節流，經過解碼之后是字符流，然后通過詞法分析器會被解釋成詞語，之后經過語法分析器構建成節點，最后這些節點被組建成一棵樹。面試的時候，我們經常會被問從在瀏覽器地址欄中輸入 url 到頁面展現的短短幾秒內瀏覽器究竟做了什么？那么瀏覽器到底做了啥？瀏覽器的多進程架構一個好的程...

2json 2019-08-02 12:08 評論0 收藏0
輸入 url 到頁面展現的短短幾秒內瀏覽器究竟做了什么？

摘要：在上述過程再細化為瀏覽器搜索自己的緩存。至此，瀏覽器已經得到了域名對應的地址。具體過程如下在中這一過程如下首先是字節流，經過解碼之后是字符流，然后通過詞法分析器會被解釋成詞語，之后經過語法分析器構建成節點，最后這些節點被組建成一棵樹。面試的時候，我們經常會被問從在瀏覽器地址欄中輸入 url 到頁面展現的短短幾秒內瀏覽器究竟做了什么？那么瀏覽器到底做了啥？瀏覽器的多進程架構一個好的程...

tigerZH 2019-08-29 17:23 評論0 收藏0