webkit内核_webkit技术内幕 笔记（更新中）

第一章

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模块