第一章
webkit内核特征:
HTML解释器,CSS解释器,布局,JavaScript引擎,绘图、
看到的图像:
HTML/CSS/JavaScript ----> 浏览器渲染引擎 ----> 图像
1.3 webkit内核
1 介绍 webkit诞生于苹果公司,从webkit分裂谷歌chromium出来Blink,
第 二 章 :HTML网页和结构
1 网页构成
1.1 基本元素
HTML网页因为现在大多需要动态的,所以需要CSS和JavaScript,CSS:描述网页显示的信息,
JavaScript:控制网页内部逻辑,一个完整的HTM网页包括HTML、CSS、JavaScript。
1.2HTML5 新特性
最重要的是加入2D和3D图形以及多媒体的支持,引入新元素“video”,以前我们需要Flash插件,现在只需要加上
<video src="avidoe.mp4"></video>
2 网页结构
2.1 框结构:将页面分成几个框,优点:对应关系清晰,缺点是不适合移动领域
层次结构:为新元素建新层,为了渲染方便和高效
2.2 webkit网页渲染过程
渲染过程分三个阶段,
第一:从网页的URL到构建完DOM树
二:从DOM树到webkit的绘图上下文,
三:从绘图上下文到生成最终图像
理解渲染过程
第 三章 webkit架构和模块
3.1
1 webkit支持不同的操作系统,windows、mac OS、linux、Android
2 操作系统之上是各种第三方库,包括2D、3D图形库、网络库、存储、音频、视频库
3 webCore是个各个浏览器使用webkit的共享部分:
主要是HTML解释器、CSS解释器、DOM、调试网页、渲染树
4 webkit中javascript引擎在chromium中被替换成V8
5 webkit ports为非共享部分
6 狭义webkit和webkit2接口
3.2基于Blink的chromium的浏览器架构
1
主要内容在content模块