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

说明书

技术领域

本申请涉及信息展现技术领域，特别涉及一种基于HTML5协议的网页展现方法及其相应的装置。

背景技术

HTML5(Hypertext Markup Language 5rd，超文本标记语言标准第5版，又称为HTML标准版本)是用于取代1999年制定的HTML 4.01和XHTML 1.0协议的新HTML协议标准。HTML5协议相对于以前的版本具有两大突出特点：一是强化了Web网页的表现性能；二是增加了本地数据库等Web应用功能，其目的在于通过减少浏览器对基于插件的丰富性网络应用服务(plug-in-basedrich internet application，RIA，如Adobe Flash、Microsoft Silverlight、OracleJavaFX等)的需求，提供更多有效增强网络应用的标准集。

然而，由于HTML5协议对插件需求的减少，在现有技术框架下，目前的浏览器(比如IE6.0～8.0、搜狗、火狐、Chrome等)如果没有额外的插件程序，或者不进行必要的功能升级，将无法基于HTML5协议实现网页展现。

发明内容

为解决上述技术问题，本申请实施例提供一种基于HTML5协议的网页展现方法及其对应的装置，以提供一种无需额外的插件程序或功能升级即可进行基于HTML5协议的网页展现。

本申请实施例提供的基于HTML5协议的网页展现方法包括：

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

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

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

优选地，所述以Javascript语言解析网页资源生成DOM对象节点具体包括：

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

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

进一步优选地，在以Javascript语言对网页资源进行词法分析以获得HTML标签后，生成与HTML标签相应的调用DOM对象创建函数创建DOM对象节点的Javascript代码，则所述调用DOM对象创建函数根据HTML标签创建DOM对象节点具体为：

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

优选地，所述方法还包括：以Javascript语言实现DOM对象的控制，具体为：

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

优选地，所述方法还包括：对至少一个DOM对象节点的样式进行控制，具体为：

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

进一步优选地，当DOM对象发生变化时，所述方法还包括，对发生变化的DOM对象节点进行排版，所述变化包括DOM对象节点的增加、删除和/或样式变化，排版过程具体为通过Javascript语言执行如下步骤：

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

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

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

优选地，所述渲染DOM对象包括文字绘制步骤，该文字绘制步骤包括：

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

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

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

优选地，所述渲染DOM对象包括材质合并步骤，该材质合并步骤包括：

创建空白纹理；

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

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