[发明专利]一种页面渲染的方法及装置

摘要

本申请实施例公开一种页面渲染的方法及装置，该方法客户端可向用户提供页面访问入口，并当监测到该页面访问入口被触发时，确定第一页面，而后，客户端可从该第一页面中包含的各页面节点中确定出第一显示页面的节点集，并按照预设的第一渲染规则，对确定出的第一显示页面的节点集中的各页面节点进行渲染。由于客户端在监测到页面访问入口被触发时，可将向用户第一时间显示的各页面节点整体进行渲染并显示，因此，客户端向用户第一时间显示的各页面节点所属的页面是流畅性较强的页面，即，该页面中包含的各页面节点是一并呈现给用户的，而不是逐个呈现给用户，提高了向用户第一时间显示的页面的流畅性，提升了用户体验。 1

主权项

1.一种页面渲染的方法，其特征在于，包括：

在页面访问入口被触发时，确定所述页面访问入口对应的第一页面，所述第一页面中包含多个页面节点；

从所述多个页面节点中，确定第一显示页面的节点集，所述第一显示页面的节点集中包含第一显示页面的多个页面节点；

按照预设的第一渲染规则，对确定的所述第一显示页面的节点集中的页面节点进行渲染，得到在屏幕上显示的所述第一显示页面。

2.如权利要求1所述的方法，其特征在于，按照预设的第一渲染规则，对确定的所述第一显示页面的节点集中的页面节点进行渲染，包括：

按照预设的第一渲染规则，同时对确定的所述第一显示页面的节点集中的页面节点进行渲染。

3.如权利要求1或2所述的方法，其特征在于，所述方法还包括：

对于所述多个页面节点中除了所述第一显示页面的节点集中包含的页面节点之外包含的其他页面节点，按照预设的第二渲染规则，对所述其他页面节点进行渲染，所述第二渲染规则用于逐个渲染所述其他页面节点。

4.如权利要求1所述的方法，其特征在于，从所述多个页面节点中，确定第一显示页面的节点集，具体包括：

确定所述第一页面对应的页面代码；

解析所述页面代码，得到加载完成时在屏幕上显示的页面内容对应的多个页面节点；

根据确定出的所述多个页面节点，确定所述第一显示页面的节点集。

5.如权利要求3所述的方法，其特征在于，解析所述页面代码，得到加载完成时在屏幕上显示的页面内容对应的多个页面节点，具体包括：

解析所述页面代码，确定加载完成时在屏幕上显示的页面内容的多个页面节点对应的页面代码段；

按照预设的文档对象模型DOM，将所述页面代码段转换为所述多个页面节点。

6.如权利要求1所述的方法，其特征在于，按照预设的第一渲染规则，对确定的所述第一显示页面的节点集中的页面节点进行渲染，具体包括：

提取所述第一显示页面的节点集中各页面节点对应的静态资源；

通过调用预设的第一Native函数，将所述静态资源作为参数传入到所述第一Native函数中，以通过所述第一Native函数整体渲染所述第一显示页面的节点集中的各页面节点。

7.如权利要求1所述的方法，其特征在于，在对所述第一显示页面的节点集中的页面节点进行渲染时，所述方法还包括：

为所述第一显示页面的节点集中的各页面节点对应的页面单元分配内存资源。

8.如权利要求7所述的方法，其特征在于，当所述第一显示页面的节点集中的页面节点渲染完成后，所述方法还包括：

显示所述第一显示页面的节点集中的各页面节点对应的页面单元；

根据所述页面单元的数量，加载所述页面单元对应的页面模块。

9.如权利要求8所述的方法，其特征在于，确定所述至少一个页面节点中包含的其他页面节点，具体包括：

当监测到对显示的所述第一显示页面执行指定操作时，从所述至少一个页面节点中确定用于响应所述指定操作的页面节点；

将确定的所述页面节点作为其他页面节点。

10.如权利要求9所述的方法，其特征在于，按照预设的第二渲染规则，对所述其他页面节点进行渲染，具体包括：

提取所述其他页面节点对应的静态资源；

通过调用预设的第二Native函数，将所述节点静态资源作为参数传入到所述第二Native函数中，以通过所述第二Native函数逐个渲染所述其他页面节点。

11.如权利要求10所述的方法，其特征在于，在渲染所述待其他页面节点时，所述方法还包括：

确定在执行所述指定操作时所述第一显示页面的节点集中显示状态由显示转化为隐藏的页面节点，释放所述页面节点的内存资源；

将所述内存资源分配给所述其他页面节点对应的页面单元。

12.如权利要求11所述的方法，其特征在于，当所述其他页面节点渲染完成后，所述方法还包括：

显示所述其他页面节点对应的页面单元；

根据所述页面单元的数量，加载所述页面单元对应的页面模块。

13.如权利要求1所述的方法，其特征在于，在所述页面访问入口被触发时，确定所述页面访问入口对应的第一页面，具体包括：

确定本地离线包中的所述第一页面的静态资源；

通过所述静态资源，确定所述第一页面。

14.如权利要求13所述的方法，其特征在于，所述方法还包括：

若确定本地中不存在所述静态资源时，则从服务器中获取所述静态资源，并通过获取到的所述静态资源，确定所述第一页面。

15.一种页面渲染的装置，其特征在于，包括：

页面确定模块，在页面访问入口被触发时，确定所述页面访问入口对应的第一页面，所述第一页面中包含多个页面节点；

节点确定模块，从所述多个页面节点中，确定第一显示页面的节点集，所述第一显示页面的节点集中包含第一显示页面的多个页面节点；

渲染模块，按照预设的第一渲染规则，对确定的所述第一显示页面的节点集中的页面节点进行渲染，得到在屏幕上显示的所述第一显示页面。

16.如权利要求15所述的装置，其特征在于，所述渲染模块，按照预设的第一渲染规则，同时对确定的所述第一显示页面的节点集中的页面节点进行渲染。

17.如权利要求15或16所述的装置，其特征在于，所述渲染模块，对于所述多个页面节点中除了所述第一显示页面的节点集中包含的页面节点之外包含的其他页面节点，按照预设的第二渲染规则，对所述其他页面节点进行渲染，所述第二渲染规则用于逐个渲染所述其他页面节点。

18.如权利要求15所述的装置，其特征在于，所述节点确定模块，确定所述第一页面对应的页面代码；解析所述页面代码，得到加载完成时在屏幕上显示的页面内容对应的多个页面节点；根据确定出的所述多个页面节点，确定所述第一显示页面的节点集。

19.如权利要求17所述的装置，其特征在于，所述节点确定模块，解析所述页面代码，确定加载完成时在屏幕上显示的页面内容的多个页面节点对应的页面代码段；按照预设的文档对象模型DOM，将所述页面代码段转换为所述多个页面节点。

20.如权利要求15所述的装置，其特征在于，所述渲染模块，提取所述第一显示页面的节点集中各页面节点对应的静态资源；通过调用预设的第一Native函数，将所述静态资源作为参数传入到所述第一Native函数中，以通过所述第一Native函数整体渲染所述第一显示页面的节点集中的各页面节点。

21.