嵌入式浏览器布局渲染引擎的研究与实现
发布时间：2024-01-14 13:02
Internet和嵌入式应用的飞速发展使嵌入式设备迅速的普及，而嵌入式设备上作为连接用户和互联网的桥梁的嵌入式浏览器也就显得十分重要，所以使用浏览器访问互联网已经成为一种趋势。由于嵌入式系统软硬件资源的局限性，又加之其对响应速度的追求，所以浏览器最重要的任务就是能高效迅速的将网页显示出来。 布局渲染引擎，即所谓的“浏览器内核”，是网页浏览器的核心部分，其负责解析网页语法（如HTML、CSS）并达到渲染的效果。因此，布局渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。本文主要研究了目前最流行的浏览器内核之一的WebKit，对WebKit的布局渲染引擎进行了非常详细的研究，在此研究基础上针对手机终端的特性，实现了自己的一套布局渲染引擎，并成功移植到各种手机终端上。 本文首先介绍了目前主流的浏览器内核以及嵌入式浏览器，然后重点介绍布局渲染引擎实现的四个步骤：解析HTML构建DOM树、渲染树构建、渲染树布局和渲染树绘制。 解析HTML构建DOM树：将请求到的HTML资源解析成DOM树结构，文档以Body标签作为显示的根元素，其他标签元素作为组成部分，然后通过DOM构建成一个有序的界面...
【文章页数】：87 页
【学位级别】：硕士
【文章目录】：
摘要
ABSTRACT
第一章 绪论
1.1 研究背景及意义
1.2 研究现状及发展态势
1.3 课题来源及章节安排
第二章 嵌入式浏览器的总体架构
2.1 浏览器的工作原理
2.1.1 浏览器的功能
2.1.2 浏览器的主要构成
2.1.3 浏览器的工作流程
2.2 嵌入式浏览器的总体架构
2.2.1 Webkit 的组成结构
2.2.2 Webkit 的工作原理
2.2.3 WebKit 浏览器的总体架构
2.2.4 Webkit 模块间的交互
2.3 本章小结
第三章 WebKit 布局渲染模块的研究
3.1 布局渲染的主要流程
3.2 WebKit 之解析与 DOM 模块分析
3.2.1 DOM 模块之节点模块分析
3.2.2 DOM 模块之事件模块解析
3.2.3 DOM 模块之遍历模块分析
3.2.4 DOM 模块之解析模块分析
3.3 WebKit 之渲染模块分析
3.4 WebKit 之布局模块分析
3.5 WebKit 之绘制模块分析
3.6 本章总结
第四章 布局渲染引擎的设计与实现
4.1 解析与 DOM 模块的设计与实现
4.1.1 解析与 DOM 模块相关概念
4.1.2 DOM 标准介绍
4.1.3 解析和 DOM 模块设计
4.1.4 解析与 DOM 模块关键代码实现
4.2 渲染模块的设计与实现
4.2.1 渲染树的构建
4.2.1.1 渲染树与 DOM 树和 RenderLayer 树的关系
4.2.1.2 渲染树的构建流程
4.2.1.3 渲染树的构建代码流程
4.2.2 渲染模块的详细设计
4.2.3 渲染模块关键代码实现
4.3 布局模块的设计与实现
4.3.1 布局模块相关概念
4.3.1.1 CSS 布局相关标准
4.3.1.2 页面布局的基本概念
4.3.2 布局算法
4.3.2.1 非嵌套元素的布局算法
4.3.2.2 嵌套元素的布局算法
4.3.3 布局模块的详细设计
4.3.4 布局模块关键代码实现
4.4 绘制模块的设计与实现
4.4.1 图形库概述及其主要作用
4.4.2 绘制模块的详细设计
4.4.2.1 基本控件相关的数据结构
4.4.2.2 图形接口类的设计
4.4.3 绘制模块关键代码实现
4.5 本章小结
第五章 布局渲染引擎的移植
5.1 开发环境的搭建
5.1.1 系统要求
5.1.2 软件安装
5.2 移植
5.3 本章总结
第六章 测试及性能分析
6.1 测试
6.1.1 测试流程
6.1.2 单元测试
6.1.3 集成测试
6.1.4 系统测试
6.1.5 性能测试
6.2 本章总结
第七章 总结和展望
7.1 总结
7.2 展望
致谢
参考文献
本文编号：3878281
【文章页数】：87 页
【学位级别】：硕士
【文章目录】：
摘要
ABSTRACT
第一章 绪论
1.1 研究背景及意义
1.2 研究现状及发展态势
1.3 课题来源及章节安排
第二章 嵌入式浏览器的总体架构
2.1 浏览器的工作原理
2.1.1 浏览器的功能
2.1.2 浏览器的主要构成
2.1.3 浏览器的工作流程
2.2 嵌入式浏览器的总体架构
2.2.1 Webkit 的组成结构
2.2.2 Webkit 的工作原理
2.2.3 WebKit 浏览器的总体架构
2.2.4 Webkit 模块间的交互
2.3 本章小结
第三章 WebKit 布局渲染模块的研究
3.1 布局渲染的主要流程
3.2 WebKit 之解析与 DOM 模块分析
3.2.1 DOM 模块之节点模块分析
3.2.2 DOM 模块之事件模块解析
3.2.3 DOM 模块之遍历模块分析
3.2.4 DOM 模块之解析模块分析
3.3 WebKit 之渲染模块分析
3.4 WebKit 之布局模块分析
3.5 WebKit 之绘制模块分析
3.6 本章总结
第四章 布局渲染引擎的设计与实现
4.1 解析与 DOM 模块的设计与实现
4.1.1 解析与 DOM 模块相关概念
4.1.2 DOM 标准介绍
4.1.3 解析和 DOM 模块设计
4.1.4 解析与 DOM 模块关键代码实现
4.2 渲染模块的设计与实现
4.2.1 渲染树的构建
4.2.1.1 渲染树与 DOM 树和 RenderLayer 树的关系
4.2.1.2 渲染树的构建流程
4.2.1.3 渲染树的构建代码流程
4.2.2 渲染模块的详细设计
4.2.3 渲染模块关键代码实现
4.3 布局模块的设计与实现
4.3.1 布局模块相关概念
4.3.1.1 CSS 布局相关标准
4.3.1.2 页面布局的基本概念
4.3.2 布局算法
4.3.2.1 非嵌套元素的布局算法
4.3.2.2 嵌套元素的布局算法
4.3.3 布局模块的详细设计
4.3.4 布局模块关键代码实现
4.4 绘制模块的设计与实现
4.4.1 图形库概述及其主要作用
4.4.2 绘制模块的详细设计
4.4.2.1 基本控件相关的数据结构
4.4.2.2 图形接口类的设计
4.4.3 绘制模块关键代码实现
4.5 本章小结
第五章 布局渲染引擎的移植
5.1 开发环境的搭建
5.1.1 系统要求
5.1.2 软件安装
5.2 移植
5.3 本章总结
第六章 测试及性能分析
6.1 测试
6.1.1 测试流程
6.1.2 单元测试
6.1.3 集成测试
6.1.4 系统测试
6.1.5 性能测试
6.2 本章总结
第七章 总结和展望
7.1 总结
7.2 展望
致谢
参考文献
本文编号：3878281
本文链接：https://www.wllwen.com/guanlilunwen/ydhl/3878281.html
