瀏覽器的主要作用是將用戶輸入的網站“URL”轉變成可視化的圖像。這其中包含兩個過程,一是網頁加載過程,從“URL”到構建DOM(Document Object Model,文檔對象模型)樹;二是網頁渲染過程,從DOM樹到生成可視化圖像,即我們看到的頁面效果。
網頁渲染的過程其實就是將URL對應的各種資源,通過瀏覽器渲染引擎的解析,輸出可視化的圖像。根據數據的流向,瀏覽器的渲染過程可以分成三個階段(以WebKit內核瀏覽器為例):從網頁的URL到構建完DOM樹;從DOM樹到構建完WebKit的繪圖上下文;從繪圖上下文到生成最終圖像。
瀏覽器渲染引擎主要包括HTML解釋器、CSS解釋器、布局和JavaScript(以下簡稱JS)解釋器。其中,HTML解釋器主要作用是將HTML文本解釋成DOM樹;CSS解釋器作用是為DOM中各元素對象計算出樣式信息;布局則是指在DOM樹創建之后形成一個內部表示模型,這個模型將HTML元素與CSS樣式結合起來,計算出元素的具體大小和位置等布局信息;JS解釋器能夠解釋JS代碼并通過DOM接口和CSSOM接口來修改網頁內容和樣式信息,從而改變渲染的結果。隨著JS解釋器越來越重要,JS解釋器逐漸脫離出來成為獨立的JS引擎。
分享名稱:新聞動態網頁渲染的基本過程
本文來源:http://m.newbst.com/news6/149306.html
成都網站建設公司_創新互聯,為您提供網站制作、企業建站、軟件開發、外貿網站建設、ChatGPT、域名注冊
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯