瀏覽器工作原理

y1chuan 發布于2019-08-02 16:13 / 3434人閱讀

摘要：是使用加密通道來傳輸的內容。更小的文件意味著用戶可以更快看到頁面，以及性能的改善。與此同時，這種處理方式也對生產環境的工具鏈帶來調整和改變。

一個便于記憶的簡單步驟

1、鍵盤或觸屏輸入URL并回車確認
2、URL解析/DNS解析查找域名IP地址
3、網絡連接發起HTTP請求
4、HTTP報文傳輸過程
5、服務器接收數據
6、服務器響應請求/MVC
7、服務器返回數據
8、客戶端接收數據
9、瀏覽器加載/渲染頁面
10、打印繪制輸出

域名解析 --> 發起TCP的3次握手 --> 建立TCP連接后發起http請求 --> 服務器響應http請求，瀏覽器得到html代碼 --> 瀏覽器解析html代碼，并請求html代碼中的資源（如js、css、圖片等） --> 瀏覽器對頁面進行渲染呈現給用戶

http是什么
客戶端和服務器端之間數據傳輸的格式規范
HTTP協議是基于TCP 協議出現的，TCP是一條雙向的通訊通道，http增加規定了request-response模式，決定了首次通訊要由瀏覽器端發起。

HTTPS 是使用加密通道來傳輸HTTP的內容。是服務端建立一條加密通道，所以可以防止數據被中間節點篡改，從傳輸內容上來看與HTTP沒有區別

HTTP2
1、支持服務端推送：能夠在客戶端向服務端發送第一個請求時，提前把一部分資源推送至客戶端放入緩存，提高性能
2、支持TCP傳輸復用：同一個TCP連接來傳輸多個HTTP請求，避免三次握手導致的性能開銷

利用 HTTP2 服務端推送，以及 TCP 連接復用的特性，把 CSS 和 JS 文件分拆成更小的文件，分批下載。
更小的文件意味著用戶可以更快看到頁面，以及性能的改善。與此同時，這種處理方式也對生產環境的工具鏈帶來調整和改變。

云服務器 GPU云服務器工作原理網絡工作原理爬蟲工作原理 cdn工作原理

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

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

個人理解瀏覽器的工作原理

摘要：當我們在瀏覽器中輸入一個時，背后都發生了什么，想要弄明白這個問題首選我們要知道瀏覽器的工作原理是什么瀏覽器的工作原理就是，瀏覽器與服務器之間通過協議進行通訊的過程，的握手協議就是協議瀏覽器接受到一個之后發生的過程大致如下圖接下來說下里的內嵌當我們在瀏覽器中輸入一個url時，背后都發生了什么，想要弄明白這個問題首選我們要知道瀏覽器的工作原理是什么？瀏覽器的工作原理就是，web瀏覽器與...

xietao3 2019-08-26 13:58 評論0 收藏0
個人理解瀏覽器的工作原理

摘要：當我們在瀏覽器中輸入一個時，背后都發生了什么，想要弄明白這個問題首選我們要知道瀏覽器的工作原理是什么瀏覽器的工作原理就是，瀏覽器與服務器之間通過協議進行通訊的過程，的握手協議就是協議瀏覽器接受到一個之后發生的過程大致如下圖接下來說下里的內嵌當我們在瀏覽器中輸入一個url時，背后都發生了什么，想要弄明白這個問題首選我們要知道瀏覽器的工作原理是什么？瀏覽器的工作原理就是，web瀏覽器與...

icyfire 2019-08-30 11:01 評論0 收藏0
個人理解瀏覽器的工作原理

摘要：當我們在瀏覽器中輸入一個時，背后都發生了什么，想要弄明白這個問題首選我們要知道瀏覽器的工作原理是什么瀏覽器的工作原理就是，瀏覽器與服務器之間通過協議進行通訊的過程，的握手協議就是協議瀏覽器接受到一個之后發生的過程大致如下圖接下來說下里的內嵌當我們在瀏覽器中輸入一個url時，背后都發生了什么，想要弄明白這個問題首選我們要知道瀏覽器的工作原理是什么？瀏覽器的工作原理就是，web瀏覽器與...

Youngdze 2019-08-02 15:11 評論0 收藏0
JavaScript 工作原理之一－引擎，運行時，調用堆棧(譯)

摘要：本章會對語言引擎，運行時，調用棧做一個概述。調用棧只是一個單線程的編程語言，這意味著它只有一個調用棧。查看如下代碼當引擎開始執行這段代碼的時候，調用棧會被清空。之后，產生如下步驟調用棧中的每個入口被稱為堆棧結構。原文請查閱這里，本文采用知識共享署名 4.0 國際許可協議共享，BY Troland。本系列持續更新中，Github 地址請查閱這里。這是 JavaScript 工作原...

Betta 2019-08-22 17:02 評論0 收藏0
JavaScript 工作原理之一－引擎，運行時，調用堆棧(譯)

摘要：本章會對語言引擎，運行時，調用棧做一個概述。調用棧只是一個單線程的編程語言，這意味著它只有一個調用棧。查看如下代碼當引擎開始執行這段代碼的時候，調用棧會被清空。之后，產生如下步驟調用棧中的每個入口被稱為堆棧結構。原文請查閱這里，本文采用知識共享署名 4.0 國際許可協議共享，BY Troland。本系列持續更新中，Github 地址請查閱這里。這是 JavaScript 工作原...

Alex 2019-08-22 17:23 評論0 收藏0
曲鳥全棧UI自動化教學(四)：Selenium工作原理及Webdriver對瀏覽器的配置和操作

摘要：一前言上篇文章我們學習了頁面操作原理及如何高效的進行元素定位那的工作原理又是什么是如何驅動瀏覽器的呢這篇文章為你講解工作原理及對瀏覽器的配置和操作。基于該運行瀏覽器所產生的緩存等數據都會被記錄。 ...

libin19890520 2021-10-13 09:40 評論0 收藏0