[发明专利]网页渲染的控制方法、控制装置以及计算机可读介质

权利要求书

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

创建数据容器，所述数据容器存储未被渲染过的数据；

获取当前终端的屏幕高度；

获取根据网页内容解析生成的DOM树；

根据所述屏幕高度获得所述DOM树中n个可见DOM元素，所述n个可见DOM元素的高度之和与所述屏幕高度之差的绝对值小于设定阈值，n为大于或等于1的整数；

从所述数据容器为所述n个可见DOM元素获取各自的未被渲染过的数据；以及

将所述n个可见DOM元素各自的未被渲染过的数据放在渲染容器中进行渲染。

2.根据权利要求1所述的控制方法，其特征在于，所述n个可见DOM元素的高度之和等于所述屏幕高度。

3.根据权利要求1所述的控制方法，其特征在于，还包括：

侦听用户操作；

根据所述用户操作的纵向滑动距离和所述n个可见DOM元素的平均高度计算移动量，以及

根据所述移动量从所述渲染容器中移出当前渲染的数据，再移入历史渲染过的数据或从未被渲染过的数据到所述渲染容器；以及

重新进行渲染，以实现网页刷新。

4.根据权利要求3所述的控制方法，其特征在于，所述根据所述移动量从所述渲染容器中移出当前渲染的数据，再移入历史渲染过的数据或未被渲染过的数据到所述渲染容器包括：

创建第一历史容器和第二历史容器；

当滑动方向向下时，从所述渲染容器中移出所述当前渲染的数据到所述第二历史容器，并从所述第一历史容器移入所述历史渲染过的数据到所述渲染容器；

当滑动方向向上时，从所述渲染容器中移出所述当前渲染的数据到所述第一历史容器，并从所述第二历史容器移入所述历史渲染过的数据到所述渲染容器。

5.根据权利要求4所述的控制方法，其特征在于，所述控制方法还包括：当滑动方向向上时，如果所述第二历史容器为空，则从所述数据容器中移出所述未被渲染过的数据到所述渲染容器中。

6.根据权利要求3所述的控制方法，其特征在于，还包括：获取用户滑动的开始坐标和结束坐标，根据开始坐标和结束坐标计算滑动距离和滑动方向。

7.根据权利要求6所述的控制方法，其特征在于，每个可见DOM元素为一个列表元素。

8.一种网页渲染的控制装置，其特征在于，包括：

容器创建单元，用于创建数据容器，所述数据容器存储未被渲染过的数据；

第一高度获取单元，用于获取当前终端的屏幕高度；

第二高度计算单元，用于根据所述屏幕高度获得所述DOM树中n个可见DOM元素，所述n个可见DOM元素的高度之和与所述屏幕高度之差的绝对值小于设定阈值，n为大于或等于1的整数；

数据获取单元，用于从所述数据容器为所述n个可见DOM元素获取各自的未被渲染过的数据；以及

网页渲染单元，用于将每个可见DOM元素各自的未被渲染过的数据放在渲染容器中进行渲染，以实现网页呈现。

9.根据权利要求8所述的控制装置，其特征在于，所述n个可见DOM元素的高度之和等于所述屏幕高度。

10.根据权利要求8所述的控制装置，其特征在于，还包括：

移动量计算单元，用于用户操作的滑动距离和所述n个可见DOM元素的平均高度计算移动量；

数据移入移出单元，用于根据所述移动量从所述渲染容器中移出当前渲染的数据，再移入历史渲染过的数据或未被渲染过的数据到所述渲染容器；以及

网页重渲染单元，重新进行渲染，以实现网页刷新。