浏览器渲染引擎渲染页面过程
来源:互联网 发布:生活中大数据的例子5个 编辑:程序博客网 时间:2024/04/30 00:37
一个渲染引擎主要包括HTML解释器、css解释器、布局和JavaScript引擎等如下图所示:
1、html解释器:将HTML文本解释成DOM树(文档对象模型树)。
2、CSS解释器:为DOM中的各个元素对象计算出样式信息,从而为计算机最后网页的布局提供基础设施。
3、布局:在DOM创建之后,内核计算出他们的大小位置等布局信息,形成一个内部表示模型。
4、JavaScript引擎:解释JavaScript代码并通过DOM接口和CSSOM接口来修改网页内容和样式信息,从而改变渲染的结果
下面介绍这些模块是如何一起工作以完成网页的渲染过程的,如下图所示:
1、实线表示先后关系,网页内容输入到html解释器,HTML解释器在解释它后构成一个DOM树,这期间,如果遇到JavaScript代码则交给JavaScript引擎去处理,如果网页中包含css代码,则交给css解释器去解释,到DOM建立的时候,渲染引擎接收来自css解释器的样式信息,构建一个新的内部绘图模型,最后由绘图模块绘制图形。
2、图中虚线表示在渲染过程中,每个阶段可能使用到的其他模块。
0 0
- 浏览器渲染引擎渲染页面过程
- 浏览器页面渲染过程
- 浏览器渲染页面过程
- 浏览器渲染页面过程
- 浏览器页面渲染基本过程
- 浅析浏览器渲染页面过程
- 浏览器解析渲染页面过程
- 各种浏览器的页面渲染引擎简介
- 浏览器对页面的渲染过程
- 浏览器渲染页面的过程(一)
- 浅谈浏览器渲染页面的过程
- 浏览器渲染HTML页面的过程
- 详解浏览器渲染页面的过程
- 浏览器的渲染引擎
- 浏览器渲染引擎
- 主流浏览器渲染引擎
- 浏览器渲染引擎
- 浏览器内核渲染引擎渲染原理
- iOS 离屏渲染的研究(一)
- 【FFmpeg学习笔记003】 FFmpeg组件结构分析
- iOS获取设备容量
- enum枚举定义转json
- Android studio最常用快捷键
- 浏览器渲染引擎渲染页面过程
- FFmpeg深入分析之零基础
- VS2013下SDL开发环境搭建
- Objective-C基于CIDetector的人脸检测
- 两个VLC实现播放串流测试
- FFmpeg参数中文详细解释和FFmpeg常用基本命令
- UVa 201 Squares
- Interface接口回调
- 信号量CSemaphore的使用