[发明专利]一种确定页面内容显示的方法及设备

说明书

本申请的目的是提供一种确定页面内容显示的方法及设备，本申请通过在所述移动终端的显示屏中确定一可视区域；获取在所述可视区域内显示的目标页面中的至少一个内容元素；对所述至少一个内容元素进行可视化监听，确定每个所述内容元素与所述可视区域之间的位置关系；若所述位置关系为相交，则继续在所述可视区域内显示与所述可视区域相交的内容元素；若所述位置关系为不相交，则从所述目标页面中的至少一个内容元素中，删除与所述可视区域不相交的内容元素，解决了由于页面内容元素的不断增加，导致页面卡顿的问题，实现了页面性能持久处于较高的可用状态，从而降低页面出现卡顿的概率。

技术领域

本申请涉及计算机技术领域，尤其涉及一种确定页面内容显示的方法及设备。

背景技术

随着互联网技术的高速发展，人机交互的显示场景也越来越多。比如，随着移动端前端页面的用户界面(User Interface，UI)设计和交互复杂性越来越高，随之而来的则是前端页面的文档对象模型(Document Object Model，DOM)数及DOM层级的激增，造成移动端页面访问慢，并且用户滑动页面出现卡顿的问题；当响应于用户无限下拉不断加载移动端页面的内容时，前端页面的DOM元素会持续的增加，移动端页面越来越卡，影响用户体验。

发明内容

本申请的一个目的是提供一种确定页面内容显示的方法及设备，解决了因页面DOM元素的不断增加而造成的页面卡顿问题，实现页面性能持久处于高可用状态，从而降低页面出现卡顿的概率。

根据本申请的一个方面，提供了一种提升页面性能的方法，应用于移动终端，其中，所述方法包括：

在所述移动终端的显示屏中确定一可视区域；

获取在所述可视区域内显示的目标页面中的至少一个内容元素；

对所述至少一个内容元素进行可视化监听，确定每个所述内容元素与所述可视区域之间的位置关系；

若所述位置关系为相交，则继续在所述可视区域内显示与所述可视区域相交的内容元素；

若所述位置关系为不相交，则从所述目标页面中的至少一个内容元素中，删除与所述可视区域不相交的内容元素。

进一步地，上述方法中，还包括：

调用交叉点观察API；

将所述目标页面中的至少一个内容元素绑定至所述交叉点观察API；

其中，所述对所述至少一个内容元素进行可视化监听，确定每个所述内容元素与所述可视区域之间的位置关系，包括：

通过所述交叉点观察调用API监听线程，对绑定的所述至少一个内容元素进行可视化监听，确定每个所述内容元素与所述可视区域之间的位置关系。

进一步地，上述方法中，所述通过所述交叉点观察API调用监听线程，对绑定的所述至少一个内容元素进行可视化监听，确定每个所述内容元素与所述可视区域之间的位置关系，包括：

响应于用户对所述可视区域内显示的目标页面进行的移动操作，通过所述交叉点观察API调用监听线程；

基于所述监听线程对绑定的所述至少一个内容元素进行可视化监听，确定每个所述内容元素与所述可视区域之间的位置关系。

进一步地，上述方法中，还包括：

响应于用户对所述可视区域内显示的目标页面进行的退出操作，取消所述监听线程。

进一步地，上述方法中，还包括：

结合所述可视区域，对所述至少一个内容元素中的每个所述内容元素进行尺寸的归一化处理。

进一步地，上述方法中，所述可视区域包括以下任一项：