[发明专利]一种基于HTML5协议的网页展现方法及装置

权利要求书

1.一种基于HTML5协议的网页展现方法，其特征在于，该方法包括：

获取基于HTML5协议的网页资源；

以Javascript语言解析网页资源生成DOM对象节点；

渲染DOM对象后进行网页展现。

2.根据权利要求1所述的方法，其特征在于，所述以Javascript语言解析网页资源生成DOM对象节点具体包括：

以Javascript语言对网页资源进行词法分析以获得HTML标签；

调用DOM对象创建函数根据HTML标签创建DOM对象节点。

3.根据权利要求2所述的方法，其特征在于，在以Javascript语言对网页资源进行词法分析以获得HTML标签后，生成与HTML标签相应的调用DOM对象创建函数创建DOM对象节点的Javascript代码，则所述调用DOM对象创建函数根据HTML标签创建DOM对象节点具体为：

根据HTML标签调用与该HTML标签相应的Javascript代码创建DOM对象节点。

4.根据权利要求1至3中任何一项所述的方法，其特征在于，所述方法还包括：以Javascript语言实现DOM对象的控制，具体为：

以Javascript语言实现DOM对象、DOM对象的基类以及可视元素接口，在DOM对象中根据HTML标签增加和/或删除DOM对象节点，和/或，根据HTML标签属性设置DOM对象节点的属性。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：对至少一个DOM对象节点的样式进行控制，具体为：

将DOM对象节点的样式资源编译为Javascript代码，并将编译形成的Javascript代码封装为函数；调用该函数对相应的DOM对象节点进行样式控制。

6.根据权利要求5所述的方法，其特征在于，当DOM对象发生变化时，所述方法还包括，对发生变化的DOM对象节点进行排版，所述变化包括DOM对象节点的增加、删除和/或样式变化，排版过程具体为通过Javascript语言执行如下步骤：

收集发生变化的DOM对象节点及其子节点形成排版集合；

计算排版集合内的DOM对象节点变化后的属性信息；

用变化后的属性信息修改变化前的属性信息。

7.根据权利要求1所述的方法，其特征在于，所述渲染DOM对象包括文字绘制步骤，该文字绘制步骤包括：

根据文字尺寸检索预置图片集中是否存在与该文字尺寸匹配的图片；

当存在匹配的图片时，判断该图片是否包含待绘制的文字，如果是，则利用该文字在图片中的位置信息绘制文字；如果否，则将待绘制的文字绘制到该图片中，利用该文字在图片中的位置信息绘制文字；

当不存在匹配的图片时，创建与该文字尺寸匹配的图片，将待绘制的文字绘制到该图片中，利用该文字在图片中的位置信息绘制文字。

8.根据权利要求1所述的方法，其特征在于，所述渲染DOM对象包括材质合并步骤，该材质合并步骤包括：

创建空白纹理；

将待绘制对象放置于纹理之中，记录待绘制对象在纹理中的位置信息；

当接收到绘制触发时，根据待绘制对象在纹理中的位置信息一次性将纹理中的全部待绘制对象绘制到屏幕上。

9.一种基于HTML5协议的网页展现装置，其特征在于，该装置包括：获取单元、解析单元和渲染单元，其中：

所述获取单元，用于获取基于HTML5协议的网页资源；

所述解析单元，用于以Javascript语言解析网页资源生成DOM对象节点；

所述渲染单元，用于渲染DOM对象后进行网页展现。

10.根据权利要求9所述的装置，其特征在于，所述解析单元包括词法分析子单元、DOM对象节点生成子单元，其中：

所述词法分析子单元，用于以Javascript语言对网页资源进行词法分析以获得HTML标签；

所述DOM对象节点生成子单元，用于调用DOM对象创建函数根据HTML标签创建DOM对象节点。