作為一名前端工程師，我們應該清楚瀏覽器是如何展示網頁的，了解瀏覽器的原理可以令設計者找到適合的途徑把網頁展示給用戶。

首先，讓我們來看看什么是瀏覽器。網頁瀏覽器是顯示網頁服務器或檔案系統內的文件，并讓用戶與這些文件互動的一種軟件。它用來顯示在萬維網或局部局域網絡等內的文字、影像及其他資訊。瀏覽器就是設計者的畫廊，設計者把網頁放在這里展示給用戶。

因為沒有固定的標準，不同瀏覽器的組件不盡完全相同。不過大家相互模仿進步，基本上而言，瀏覽器的主要組件包括：

用戶界面－ 包括地址欄、后退/前進按鈕、書簽目錄等，也就是你所看到的除了用來顯示你所請求頁面的主窗口之外的其他部分

瀏覽器引擎－ 用來查詢及操作渲染引擎的接口

渲染引擎－ 用來顯示請求的內容，例如，如果請求內容為html，它負責解析html及css，并將解析后的結果顯示出來

網絡－ 用來完成網絡調用，例如http請求，它具有平臺無關的接口，可以在不同平臺上工作

UI 后端－ 用來繪制類似組合選擇框及對話框等基本組件，具有不特定于某個平臺的通用接口，底層使用操作系統的用戶接口

JS解釋器－ 用來解釋執行JS代碼

數據存儲－ 屬于持久層，瀏覽器需要在硬盤中保存類似cookie的各種數據，HTML5定義了web database技術，這是一種輕量級完整的客戶端存儲技術

那么，瀏覽器是如何展示網頁的呢。瀏覽器的工作原理可以分以下幾步來理解：

瀏覽器通過HTML表單或超鏈接請求指向一個應用程序的URL。

服務器收發到用戶的請求。

服務器執行已接受創建的指定應用程序。

應用程序通常是基于用戶輸入的內容，執行所需要的操作。

應用程序把結果格式化為網絡服務器和瀏覽器能夠理解的文檔，即我們所說的HTML網頁。

網絡服務器最后將結果返回到瀏覽器中。

這其中牽涉了超文本傳輸協議http（Hypertext transfer protocol ）工作原理，欲知詳情，請移步：

http://www.360doc.com/content/13/0422/16/3777348_280148022.shtml

推薦深入研讀可讀：http://www.iefans.net/liulanqi-ruhe-gongzuo-yuanli/

?

本文轉自ChokCoco博客園博客，原文鏈接：http://www.cnblogs.com/coco1s/p/3580642.html

總結

以上是生活随笔為你收集整理的浏览器是如何展示网页的的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。