[发明专利]一种页面显示方法及计算机设备

权利要求书

1.一种页面显示方法，其特征在于，包括：

通过浏览器基于对超文本标记语言HTML文件进行解析得到的节点树，渲染得到包含目标显示区域的访问页面；其中，所述节点树用于描述在所述目标显示区域内显示的数据元素；

响应于所述目标显示区域内的滚动操作，对所述节点树进行更新，得到新的节点树；

基于所述新的节点树在所述目标显示区域内显示新的数据元素，得到新的访问页面。

2.根据权利要求1所述的页面显示方法，其特征在于，所述通过浏览器基于对超文本标记语言HTML文件进行解析得到的节点树，渲染得到包含目标显示区域的访问页面，包括：

通过浏览器对HTML文件进行解析得到可见元素DOM节点集合与CSSOM树；

通过所述浏览器按照预设的节点树生成策略，基于所述可见元素DOM节点集合与所述CSSOM树生成节点树；

通过所述浏览器基于所述节点树与所述CSSOM树结合得到的渲染树，渲染得到包含目标显示区域的访问页面。

3.根据权利要求2所述的页面显示方法，其特征在于，所述CSSOM树中包括用于描述所述目标显示区域的视窗规格内容；

所述通过所述浏览器按照预设的节点树生成策略，基于所述可见元素DOM节点集合与所述CSSOM树生成节点树，包括：

根据所述可见元素DOM节点集合中全部所述可见元素DOM节点的竖直方向的像素值，构建数据容器；

基于所述视窗规格内容，从所述数据容器中确定出目标显示区域竖直方向的目标像素值；

基于所述可见元素DOM节点的竖直方向的像素值与所述目标像素值生成节点树。

4.根据权利要求3所述的页面显示方法，其特征在于，所述根据所述可见元素DOM节点集合中全部所述可见元素DOM节点的竖直方向的像素值，构建数据容器，包括：

对所述可见元素DOM节点集合中所有所述可见元素DOM节点的竖直方向的像素值进行求和，得到容器高度值；

根据所述容器高度值构建数据容器。

5.根据权利要求4所述的页面显示方法，其特征在于，所述基于所述可见元素DOM节点的竖直方向的像素值与所述目标像素值生成节点树，包括：

根据所述可见元素DOM节点的竖直方向的像素值与目标像素值，测算节点树的节点个数；

根据所述节点个数从可见元素DOM节点集合中确定出目标节点集合；

根据所述目标节点集合生成所述节点树。

6.根据权利要求1所述的页面显示方法，其特征在于，所述响应于所述目标显示区域内的滚动操作，对所述节点树进行更新，得到新的节点树，包括：

获取滚动操作产生的像素差值；

基于所述像素差值对节点树进行更新，得到新的节点树。

7.根据权利要求6所述的页面显示方法，其特征在于，所述基于所述像素差值对节点树进行更新，得到新的节点树，包括：

基于所述像素差值确定出更新节点列表；

根据所述更新节点列表对所述节点树进行更新，得到新的节点树。

8.一种页面显示装置，其特征在于，包括：

渲染单元，用于通过浏览器基于对超文本标记语言HTML文件进行解析得到的节点树，渲染得到包含目标显示区域的访问页面；其中，所述节点树用于描述在所述目标显示区域内显示的数据元素；

更新单元，用于响应于所述目标显示区域内的滚动操作，对所述节点树进行更新，得到新的节点树；

显示单元，用于基于所述新的节点树在所述目标显示区域内显示新的数据元素，得到新的访问页面。

9.一种计算机设备，其特征在于，所述计算机设备包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时如权利要求1至7任一项所述方法的步骤。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述方法的步骤。