一种基于HTML5协议的网页展现方法及装置制造方法及图纸

本发明专利技术实施例公开了一种基于HTML5协议的网页展现方法。该方法包括：获取基于HTML5协议的网页资源；以Javascript语言解析网页资源生成DOM对象节点；渲染DOM对象后进行网页展现。本发明专利技术实施例还公开了一种基于HTML5协议的网页展现的展现装置。本发明专利技术实施例无需借助外在的插件程序即可实现对HTML5协议的支持，避免了进行插件安装或者功能更新升级等操作，提高了基于HTML5协议的网页的展现效率。

【技术实现步骤摘要】

本申请涉及信息展现
，特别涉及一种基于HTML5协议的网页展现方法及其相应的装置。
技术介绍
HTML5 (Hypertext Markup Language 5rd,超文本标记语言标准第5版，又称为HTML标准版本)是用于取代1999年制定的HTML 4. 01和XHTML I. 0协议的新HTML协议标准。HTML5协议相对于以前的版本具有两大突出特点一是强化了 Web网页的表现性能；ニ是增加了本地数据库等Web应用功能，其目·的在于通过减少浏览器对基于插件的丰富性网络メ沒用月艮务(plug—in—basedrich internet application,RIA,如 Adobe Flash>MicrosoftSilverlight、OracleJavaFX等)的需求,提供更多有效增强网络应用的标准集。然而，由于HTML5协议对插件需求的減少，在现有技术框架下，目前的浏览器(比如IE6. 0 8. O、搜狗、火狐、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对象包括材质合并步骤，该材质合并步骤包括创建空白纹理；将待绘制对象放置于纹理之中，记录待绘制对象在纹理中的位置信息；当接收到绘制触发时，根据待绘制对象在纹理中的位置信息一次性将纹理中的全部待绘制对象绘制到屏幕上。本申请还提供了一种基于HTML5协议的网页展现装置。该装置包括获取单元、解析单元和渲染单元，其中所述获取単元，用于获取基于HTML5协议的网页资源；所述解析单元,用于以Javascript语言解析网页资源生成DOM对象节点；所述渲染単元，用于渲染DOM对象后进行网页展现。优选地，所述解析単元包括词法分析子単元、DOM对象节点生成子単元，其中所述词法分析子単元，用于以Javascript语言对网页资源进行词法分析以获得HTML标签；所述DOM对象节点生成子单元，用于调用DOM对象创建函数根据HTML标签创建DOM对象节点。进ー步优选地，所述解析单元还包括代码生成子単元，用于在以Javascript语言对网页资源进行词法分析以获得HTML标签后，生成与HTML标签相应的调用DOM对象创建函数创建DOM对象节点的Javascript代码，则所述DOM对象节点生成子单元具体根据HTML标签调用与该HTML标签相应的Javascript代码创建DOM对象节点。优选地，所述装置还包括DOM对象控制単元，用于以Javascript语言实现DOM对象的控制，具体为以Javascript语言实现DOM对象、DOM对象的基类以及可视元素接ロ，在DOM对象中根据HTML标签增加和/或删除DOM对象节点，和/或，根据HTML标签属性设置DOM对象节点的属性。优选地，所述装置还包括样式控制単元，用于对至少ー个DOM对象节点的样式进行控制，具体为将DOM对象节点的样式资源编译为Javascript代码，并将编译形成的Javascript代码封装为函数；调用该函数对相应的DOM对象节点进行样式控制。优选地，当DOM对象发生变化时，所述装置还包括排版单元，用于对发生变化的DOM对象节点进行排版，所述变化包括DOM对象节点的増加、删除和/或样式变化，排版过程具体为通过Javascript语言执行如下步骤收集发生变化的DOM对象节点及其子节点形成排版集合；计算排版集合内的DOM对象节点变化后的属性信息；用变化后的属性信息修改变化前的属性信息。 优选地，所述渲染DOM对象树包括文字绘制，所述渲染単元包括文字绘制单元，所述文字绘制单元包括检索子単元、判断子単元、创建子単元、第一绘制子単元和第二绘制子单元，其中所述检索子単元，用于根据文字尺寸检索预置图片集中是否存在与该文字尺寸匹配的图片，如果存在，则触发判断子単元；如果不存在，则触发创建子単元；所述判断子単元，用于判断匹配的图片是否包含待绘制的文字，如果是，则触发第一绘制子単元利用该文字在图片中的位置信息绘制文字；如果否，则触发第二绘制子単元将待绘制的文字绘制到该图片中，并触发第一绘制子単元利用该文字在图片中的位置信息绘制文字；所述创建子単元，用于创建与该文字尺寸匹配的图片，触发第二绘制子单元将待绘制的文字绘制到该图片中，并触发第一绘制子単元利用该文字在图片中的位置信息绘制文字。优选地,所述渲染DOM对象包括材质合并,所述渲染单元包括材质合并单元,所述材质合并单元包括纹理创建子単元、位置信息记录子単元和第三绘制子単元，其中所述纹理创建子単元，用于创建空白纹理；所述位置信息记录子単元，用于将待绘制的对象放置于纹理之中，记录待本文档来自技高网...

【技术保护点】
一种基于HTML5协议的网页展现方法，其特征在于，该方法包括：获取基于HTML5协议的网页资源；以Javascript语言解析网页资源生成DOM对象节点；渲染DOM对象后进行网页展现。

【技术特征摘要】

【专利技术属性】
技术研发人员：谢成鸿，
申请(专利权)人：北京中娱在线网络科技有限公司，谢成鸿，
类型：发明
国别省市：