瀏覽器的工作原理

2021-07-24 21:02:32 字數 951 閱讀 6240

瀏覽器的主要元件包括:

1. 使用者介面 - 包括位址列、後退/前進按鈕、書籤目錄等,也就是你所看到的除了用來顯示你所請求頁面的主視窗之外的其他部分。

2. 瀏覽器引擎 - 用來查詢及操作渲染引擎的介面。

3. 渲染引擎 - 用來顯示請求的內容,例如,如果請求內容為html,它負責解析html及css,並將解析後的結果顯示出來。

4. 網路 - 用來完成網路呼叫,例如http請求,它具有平台無關的介面,可以在不同平台上工作。

5. ui後端 - 用來繪製類似組合選擇框及對話方塊等基本元件,具有不特定於某個平台的通用介面,底層使用作業系統的使用者介面。

6. js直譯器 - 用來解釋執行js**。

7. 資料儲存 - 屬於持久層,瀏覽器需要在硬碟中儲存類似cookie的各種資料,html5定義了web database技術,這是一種輕量級完整的客戶端儲存技術

瀏覽器的執行

從瀏覽器位址列的請求鏈結開始,瀏覽器通過dns解析查到網域名稱對映的ip位址,

成功之後瀏覽器端向此ip位址取得連線,成功

連線之後,瀏覽器端將請 求頭資訊 通過http協議向此ip位址所在伺服器發起請求,伺服器接受到請求之後等待處理,最後向瀏覽器

端發回響應,此時在http協議下,瀏覽器從伺服器接收到 text/html型別的**,瀏覽器開始顯示此html,並獲取其中內嵌資源位址,

然後瀏覽器再發起請求來獲取這些資源,並在瀏覽器的html中顯示。

瀏覽器載入顯示html頁面內容的順序

我們經常看到瀏覽器在載入某個頁面時,部分內容先顯示出來,又有些內容後顯示。那麼瀏覽器載入顯示html究竟是按什麼順序進行的呢?

js的載入

當 引用了js的時候,瀏覽器傳送1個jsrequest就會一直等待該request的返回。因為瀏覽器需要1個穩定的dom樹結構,而js中很有

瀏覽器工作原理

首先對上篇blog 進行乙個補充 以我做的 基於執行緒池和資料庫連線池的web 伺服器 為例,說說http 通訊的流程,大體分為三個階段 a 連線 伺服器通過乙個serversocket 類物件對8000 埠進行監聽,監聽到之後建立 連線,開啟乙個socket 虛擬檔案。b 請求 建立與建立sock...

瀏覽器工作原理

介紹 渲染引擎又叫排版引擎或者瀏覽器核心 主流的渲染引擎有 解析html構造dom樹 document object model,文件物件模型 dom是w3c組織推薦的處理可擴充套件置標語言的標準程式設計介面。構建渲染數,渲染數並不等同於dom數,因為像head標籤或者display none這樣的...

瀏覽器工作原理

輸入網域名稱,瀏覽器做簡單的篩選判斷 預設為http協議,https的話需要手動輸入 dns查詢,獲取ip位址 先查自己記憶體裡的dns cache 再查本地硬碟裡的host檔案 查詢dns服務 建立tcp ip連線 傳送http請求 伺服器處理 瀏覽器收到返回,解析展示 我們在瀏覽器輸入 其實就是...